/* DG Design Custom CSS */
.page-wrap {
  overflow:hidden;
}
.navbar-brand {
  font-size: 16px;
}

body {
  width: 100%;
  color: #000;
  background-color: #1ec6e0; /* light blue */
}
p {
  font-size: 18px;
}
h1 {
  font-size: 2.2em;
  /* font-family: 'Sigmar One', cursive; */
  font-family: "Architects Daughter", cursive;
  /* color: #967db3; /* purple */
  color: #000080;
  letter-spacing: 1.5px;
}
h2 {
  font-size: 3.2em;
  font-family: 'Sigmar One', cursive;
  color: #967db3;
}
h3 {
  font-family: Arial, Helvetica, sans-serif;
  color: #ff8652;
  font-size: 2em;
  margin-bottom: 15px;
}
h4 {
  font-family: Arial, Helvetica, sans-serif;
  color: black;
  font-size: 1.2em;
  margin-bottom: 15px;
}
h5 {
    margin: 5px;
    font-size: 1.2em;
    font-style:italic;
    text-transform: uppercase;
    font-family: Lora,Palatino,serif;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: #ff8652; /* orange */
}
h6 {
  font-size: 1.2em;
  margin-bottom: 10px;
}

a {
    color: #ff8652;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    font-weight: 700;
}
a:hover,
a:focus {
    text-decoration: none;
    color: #FFAA85;
}

/* menu hover colour */
.navbar-custom .nav li a {
  font-weight: normal;
}
.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus,
.navbar-custom .nav li.active {
    color: #76b5c5; /* blue grey */
    font-weight: normal;
}

/* hover for better connections  */
.navbar-brand:hover,
.navbar-brand:focus {
  color: #76b5c5; /* blue grey */
}

@media (min-width: 767px) {
  .navbar {
    letter-spacing: 0px;
  }
}

/* make cp text logo smaller for phones */
@media(max-width:767px) {
   .cp-logo {
     width: 340px;
   }
}

blockquote {
    position: relative;
    text-align: left;
    padding: 0 0 1.0em 38px;
    border: none;
    margin: 10px auto 10px;
    max-width: 800px;
    width:100%;
    display: block;
}
blockquote p {
    margin-bottom: 15px;
    font-size: 14px;
}
blockquote:after {
    content: "";
    display: block;
    width: 2px;
    height: 100%;
    position: absolute;
    left: 0;
    color: #FFAA85;
    top: 0;
    background: -moz-linear-gradient(top,#FFAA85 0%,#FFAA85 60%,rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(top,#FFAA85 0%,#FFAA85 60%,rgba(255,255,255,0) 100%);
}
blockquote:before {
    content:"\f10d";
    font-family: "fontawesome";
    font-size: 20px;
    display: block;
    font-weight: 400;
    color: #FFAA85;
}
blockquote > cite,
blockquote > p > cite {
    display: block;
    font-size: 16px;
    line-height: 1.3em;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0;
    font-style:italic;
    margin-left: 15px;
}
blockquote > cite {
  font-size: 12px;
}
blockquote > h5 {
    margin: 0 0 15px 0;
}

ul li {
	list-style-type: none;
}

.modal-open {
    color: #333;
}

/* individual sections */
.intro {
  background-color: #76b5c5; /* blue grey */
  background: url("../img/bg-ltblue-texture-2.jpg") no-repeat;
  background-size: cover;
}
#intro {
  padding-top: 100px;
}

#about {
  background: url("../img/bg-white-star.jpg");
  background-size: cover;
  color: black;
}
#about li:before {
    content: "\e080";
    font-family: 'Glyphicons Halflings';
    position: relative;
    margin-right: 10px;
    color: #1ec6e0;
}
#about ul {
  margin-bottom: 35px;
}
#about p {
  text-align:left;
}
#about ul {
  text-align: left;
  font-size: 18px;
}
#about blockquote p {
  font-size: 14px;
}
#about img {
  /* float: left;
  padding: 0 15px 15px 0; */
}
#about .btn-circle {
  border-color: black;
  color: black;
}


#services li:before {
    content: "\e080";
    font-family: 'Glyphicons Halflings';
    position: relative;
    margin-right: 10px;
    color: #fff;
}
#services p {
  margin-bottom: 15px;
  text-align: left;
}
#services ul li {
  text-align:left;
  font-size: 1.3em;
}

.course-box {
  border: black 2px solid;
  background: url("../img/bg-white-star-sm.jpg") no-repeat;
  border-radius: 6px;
  background-color: white;
  color: black;
  background-size: cover;
  margin-top: 25px;
}
.course-box p {
  font-size: 18px;
}

.course-box-img {
  border: black 2px solid;
  border-radius: 6px;
  background-color: white;
  color: black;
  background-size: cover;
  margin-bottom: 25px;
}

#learning {
  background: url("../img/bg-white-star.jpg");
  background-size: cover;
  color: black;
}
#learning li:before {
    content: "\e080";
    font-family: 'Glyphicons Halflings';
    position: relative;
    margin-right: 10px;
    color: #1ec6e0;
}
#learning ul {
  margin-bottom: 35px;
}
#learning p {
  text-align:left;
}
#learning ul {
  text-align: left;
  font-size: 18px;
}
#learning blockquote p {
  font-size: 14px;
}
#learning img {
  /* float: left;
  padding: 0 15px 15px 0; */
}
#learning .btn-circle {
  border-color: black;
  color: black;
}


#services a,
#news a {
  text-decoration: underline;
}

#news {
  padding: 100px 0;
  background: url("../img/bg-white-star.jpg") no-repeat;
  background-size: cover;
  color: black;
}
#news .btn-circle {
  border-color: black;
  color: black;
}


#testimonials,
#about, #learning,
#services {
  padding: 100px 0;
}


#news ul li {
  text-align:left;
  font-size: 1.3em;
}
#news p {
  text-align:left;
}
/* left aligning archive list */
.display_archive {
  text-align: left;
}

#contact {
  padding: 200px 0;
  background: url("../img/bg-ltblue-texture-2.jpg") no-repeat;
  background-size: cover;
}
#contact img {
  padding-bottom: 15px;
}