/*
 Theme Name:   AdventureX Theme
 Theme URI:    http://www.adventurexpo.org
 Description:  Child theme, based on Illdy
 Author:       ABK
 Author URI:   
 Template:     illdy
 Version:      1.0.0
 Tags:         black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
 Text Domain:  illdy-child
*/

@font-face {
    font-family: 'norwester';
    src: url('layout/fonts/norwester/norwester-webfont.eot');
    src: url('layout/fonts/norwester/norwester-webfont.eot?#iefix') format('embedded-opentype'),
         url('layout/fonts/norwester/norwester-webfont.woff2') format('woff2'),
         url('layout/fonts/norwester/norwester-webfont.woff') format('woff'),
         url('layout/fonts/norwester/norwester-webfont.ttf') format('truetype'),
         url('layout/fonts/norwester/norwester-webfont.svg#norwesterregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserrat';
    src: url('layout/fonts/montserrat/Montserrat-Regular.otf')  format("opentype");
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserrat';
    src: url('layout/fonts/montserrat/Montserrat-Bold.otf')  format("opentype");
    font-weight: bold;
    font-style: bold;

}

@font-face {
    font-family: 'kollektif';
    src: url('layout/fonts/kollektif/kollektif-webfont.eot');
    src: url('layout/fonts/kollektif/kollektif-webfont.eot?#iefix') format('embedded-opentype'),
         url('layout/fonts/kollektif/kollektif-webfont.woff2') format('woff2'),
         url('layout/fonts/kollektif/kollektif-webfont.woff') format('woff'),
         url('layout/fonts/kollektif/kollektif-webfont.ttf') format('truetype'),
         url('layout/fonts/kollektif/kollektif-webfont.svg#kollektifregular') format('svg');
    font-weight: normal;
    font-style: normal;
 
}
 
@font-face {
    font-family: 'kollektif';
    src: url('layout/fonts/kollektif/kollektif-bold-webfont.eot');
    src: url('layout/fonts/kollektif/kollektif-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('layout/fonts/kollektif/kollektif-bold-webfont.woff2') format('woff2'),
         url('layout/fonts/kollektif/kollektif-bold-webfont.woff') format('woff'),
         url('layout/fonts/kollektif/kollektif-bold-webfont.ttf') format('truetype'),
         url('layout/fonts/kollektif/kollektif-bold-webfont.svg#kollektifbold') format('svg');
    font-weight: bold;
    font-style: bold;
 
}
 
@font-face {
    font-family: 'kollektif';
    src: url('layout/fonts/kollektif/kollektif-italic-webfont.eot');
    src: url('layout/fonts/kollektif/kollektif-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('layout/fonts/kollektif/kollektif-italic-webfont.woff2') format('woff2'),
         url('layout/fonts/kollektif/kollektif-italic-webfont.woff') format('woff'),
         url('layout/fonts/kollektif/kollektif-italic-webfont.ttf') format('truetype'),
         url('layout/fonts/kollektif/kollektif-italic-webfont.svg#kollektifitalic') format('svg');
    font-weight: italic;
    font-style: italic;
 
}


body {
    font-family: kollektif, Helvetica, Arial, sans-serif;
    font-size: 18px;
    color: #888;
}

.pace-overlay{
    z-index: 2;
}

.pace{
    z-index: 3;
}

.front-page-section a {
    color: #337ab7;
	text-decoration: underline;
}

#header .bottom-header h1, #header .bottom-header h2{
    text-transform: none;
    font-family: norwester, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 95px;
    color: #fff;
    margin: 0 0 30px;
}

#header .bottom-header.blog h1{
    font-size: 45px;
    line-height: 1;
}

#header .bottom-header.blog h1, #header .bottom-header.blog h2{
    font-family: norwester, Helvetica, Arial, sans-serif;
    font-size: 45px;
    line-height: 1;
}

#header .bottom-header p {
    font-size: 20px;
    color: #E4F1FE;
    margin-bottom: 30px;
}

#header .bottom-header.blog, .error404 #header .bottom-header.blog {
    padding: 60px 0 170px;
}

#about {
    text-align: left;
    background-color: #fff;
}

#about .section-header {
    margin-bottom: 50px;
}

#projects {
    background-color: #0d445f;
    color: white;
    padding-bottom: 50px;
}

#projects h3{
    color: white;
}

#projects .section-header p{
    color: #E4F1FE;
}

#services {
    text-align: left;
}


#testimonials {
    background-color: #255e7b;
    background-image: url('http://www.adventurexpo.org/wp-content/uploads/2016/08/Radials.jpg');
    background-position: center;
    background-attachment: scroll;
}

#testimonials .section-content .testimonials-carousel .carousel-testimonial .testimonial-content {
    background-color: white;
    padding: 30px 35px 30px;
}

.testimonial-content, .testimonial-content q{
 color: #758FAF;
}

#testimonials .section-content .testimonials-carousel .carousel-testimonial .testimonial-content:after {
    border-color: white transparent transparent;
}

#testimonials .section-content .testimonials-carousel .owl-controls .owl-dots .owl-dot {
    background-color: #ffde00;

}

#testimonials .section-content .testimonials-carousel .owl-controls .owl-dots .owl-dot.active, #testimonials .section-content .testimonials-carousel .owl-controls .owl-dots .owl-dot:hover {
    border: 2px solid #ffde00;
}

#testimonials .section-content .testimonials-carousel .carousel-testimonial .testimonial-meta {
    text-transform: none;
    font-weight: normal;
}

#testimonials .section-content .testimonials-carousel .carousel-testimonial .testimonial-content blockquote {
    font-size: 20px;
    line-height: 1.1;
}

#testimonials .section-content .testimonials-carousel .carousel-testimonial .testimonial-content blockquote {
    font-family: kollektif, Helvetica, Arial, sans-serif;
}



#blog .blog-post .blog-post-entry {
    font-size: 17px;
    text-align: justify;
    line-height: 1.6;
}

#blog .blog-post .blog-post-entry p{

}

#blog .blog-post .blog-post-title:hover {
    text-decoration: none;
    color: #333;
}

.widget {
    margin-bottom: 15px;
}

.widget .widget-title {
    margin-bottom: 15px;
}



.front-page-section .section-header h3 {
    text-align: center;
    line-height: 1;
    font-family: norwester, Helvetica, Arial, sans-serif;
    font-weight: normal;
    text-transform: none;
    font-size: 40px;
    color: #22313F;
    margin: 0 0 30px 0;
}

.front-page-section .section-header p {
    font-size: 20px;
    white-space: pre-wrap;
    color: #758FAF;
}

.front-page-section .section-header .section-description {
    font-family: kollektif, Helvetica, Arial, sans-serif;
    font-size: 20px;
    white-space: pre-wrap;
    color: #758FAF;

}

div.wpcf7-mail-sent-ok {
    border: 2px solid #FFFFFF;
}

div.wpcf7-response-output {
    margin: 1em -1em;
    padding: 1em 1em;
}

#header {
    background-color: #255e7b;
    background-position: bottom;
}

#header .bottom-header {
    padding-top: 140px;
    padding-bottom: 270px;
}

#header .top-header .header-navigation ul li a {
    color: #ffde00;
}

#header .top-header .header-navigation ul li a {
    font-family: kollektif, Helvetica, Arial, sans-serif;
	text-transform: uppercase;

}

#header .top-header .header-navigation ul li a:hover {
    color: white;
    text-decoration: none;
}


#header .bottom-header .section-description {
    font-family: kollektif, Helvetica, Arial, sans-serif;
    font-size: 20px;
    color: #E4F1FE;
    margin-bottom: 30px;
}

#blog .blog-post .blog-post-title {
    font-size: 35px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: kollektif, Helvetica, Arial, sans-serif;
    font-weight: normal;
}

h1 {
    font-size: 35px;
	line-height: 40px;
}


h2 {
    font-size: 30px;
    line-height: 35px;
}

h3 {
    font-size: 25px;
    line-height: 30px;
}

h4 {
    font-size: 20px;
    line-height: 25px;
}

h5 {
    font-size: 17px;
    line-height: 20px;
}

h6 {
    font-size: 16px;
    line-height: 17px;
}
.widget .widget-title h1, .widget .widget-title h2, .widget .widget-title h3, .widget .widget-title h4, .widget .widget-title h5, .widget .widget-title h6 {
    font-family: norwester, Helvetica, Arial, sans-serif;
	text-transform: none;
}

ul, ol {
    font-family: kollektif, Helvetica, Arial, sans-serif;
}

ul, li {
    font-family: kollektif, Helvetica, Arial, sans-serif;
}

#footer .bottom-footer {
    background-color: #15171d;
}


#header .bottom-header .header-button-one, #header .bottom-header .header-button-two {
    line-height: 57px;
    background: #ffde00;
    border: none;
    color: #22313F;
    font-family: norwester, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 30px;
    padding: 3px 50px;
    text-transform: uppercase;
}

#header .bottom-header .header-button-one:hover, #header .bottom-header .header-button-two:hover {
    background: white;
    text-decoration: none;
}
#header .bottom-header .header-button-one:focus, #header .bottom-header .header-button-two:focus {
    text-decoration: none;
}


#latest-news .latest-news-button {
    background: #ffde00;
    color: #22313F;
    font-family: norwester, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 30px;
    padding: 3px 50px;
    line-height: 57px;
    height: auto;
}

#latest-news .section-content .post .post-button {
    color: #ffde00;
}

#latest-news .latest-news-button:hover, a.button:hover {
    text-decoration: none;
    opacity: 1;
    color: #22313F
}
#latest-news .section-content .post .post-button:hover {
    color: #ffffff;
}


#latest-news .section-content .post .post-title {
    font-family: kollektif, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
    color: #333;
}

#footer .widget .widget-title h3 {
    color: #758FAF;
}

#footer .widget ul li a {
    color: #8c979e;
}

#footer .widget ul li a:hover {
    color: #fff88f;
}

#footer .widget ul li a {
    color: #2683a9;
}


#footer .copyright {
    color: #758FAF;
}


#footer {
    background-color: #0B2534;
}

#footer .widget ul li {
    float: left;
}



.misc-button, .wpcf7-submit, #input-submit, input[type=submit]{
    text-transform: uppercase;
    height: auto;
    clear: both;
    background-color: #ffde00;
    border: 0 none;
    border-radius: 4px;
    letter-spacing: .03em;
    color: #22313F;
    cursor: pointer;
    display: inline-block;
    font-family: norwester, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 18pt;
    line-height: 32px;
    margin: 0 5px 10px 0;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    white-space: nowrap;
    width: auto;
    transition: all 0.23s ease-in-out 0s;
}

.wpcf7-submit{
    margin: 10px 5px 10px 0
}

.misc-button:hover, .wpcf7-submit:hover, a.button:hover {
    background-color: #f6f6f6;
}

a.button {
    background-color: #ffde00;
    color: #22313F;
    font-family: norwester, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
}

.misc-button about{
    margin-top: 10px;
}

.front-page-section .misc-button{
    color: #22313F;
	text-decoration: none;
}

.col-sm-3, .col-xs-6{
   padding-bottom: 0px;
}

.markup-format .alignleft {
    margin-right: 25px;
}

.markup-format .alignright {
    margin-left: 25px;
}

.markup-format a {
    color: #2683a9;
}

.markup-format a:hover {
    text-decoration: none;
    color: #4aa9d0;
}

#blog .blog-post .blog-post-meta .post-meta-author {
    color: #2683a9;
}


.widget .widget-title:before {
    background-color: #2683a9;
}

.widget ul li:before {
    color: #2683a9;
}

#blog .blog-post .blog-post-meta .post-meta-author .fa {
    color: #2683a9;
}

#blog .blog-post .blog-post-meta .post-meta-time .fa, #blog .blog-post .blog-post-meta .post-meta-categories .fa {
    color: #2683a9;
}

#blog .blog-post .blog-post-meta .post-meta-comments .fa {
    color: #2683a9;
}


.markup-format table {
    width: 100%;
    margin: auto;
    font-size: 15px;
}

.bypostauthor, .gallery-caption, .sticky, .wp-caption-text {
    font-size: smaller;
    padding-top: 15px;
    padding-bottom: 15px;
}

gallery-caption, .wp-caption-text {
    font-style: italic;
    text-align: center;
}

.igsv-table td.col-1 {
   width: 20%;
   color: #888;
   text-align: center;
}

.igsv-table h2{
	margin:15px;
	text-align: center;
}
.row-18 .col-2, .row-18 .col-1 {
	border: none;
}
.igsv-table td.col-2 {
   width: 80%;
   text-align: left;
}

.markup-format table tbody tr .row-17 {border-width:0px; border-style:none;}

.period15, .gap, .break15, .timeslot15 {height: 40px;}
.period30, .break, .timeslot30 {height: 80px;}
.period45,  .timeslot45 {height: 120px;}
.period60, .lunch, .timeslot60 {height: 160px;}



.timeslot15, .timeslot30, .timeslot45, .timeslot60{
	width: 20%;
	float:left;
	font-weight: bold;
}
.time{
	float:left;
	font-weight: bold;
	clear:both;
	text-align:center;
	width: 100%;
	height: 40px;
	padding-top: 7px;
}


.break, .lunch, .break15{
	
 text-align:center;
}

.period15, .period30, .period45, .period60, .break, .break15, .lunch {
	width: 80%;
	padding: 7px;
	padding-left: 12px;
	padding-right: 12px;
	overflow: hidden;
	border-radius: 8px;
	margin-bottom: 3px;
	float:left;
	line-height: 1.9em;
}

.blue {background-color: #d4ebf5; text-align:left;}

.green {
	background-color: #b9f9d5;
}
.yellow {
	background-color: #fff29f;
}

.markup-format table thead th {
    padding-bottom: 5px;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
    text-align: center;
}

.markup-format table tbody tr:last-child {
    border-bottom: 1px solid #eee;	
}

.markup-format table tbody {
    color: #888;
    font-size: 18px;
	padding:0px;
	vertical-align: text-top;
}

.markup-format table tbody tr td{
	padding:0px;
}

.markup-format p {
    margin: 0 0 15px;
}

.markup-format h3 {
    margin: 25px 0 10px;
}

.markup-format h1, .markup-format h2, .markup-format h3, .markup-format h4, .markup-format h5, .markup-format h6{
    color: #2683a9;
	
}

input {
    width: auto;
}

input[type=radio]{
    -webkit-appearance: radio;
}

input[type=checkbox] {
    -webkit-appearance: checkbox;
    display: inline;
}


span.wpcf7-list-item {
    display: block;
}

.wpcf7 textarea  {
  height: 50px;
}

input, textarea {
    -webkit-appearance: textfield;
}

.infobox {
    float: right;
    width: 64%;
    padding: 25px;
    border-width: 1px;
    border-color: darkgray;
    border-style: dashed;
    line-height: 200%;
    background-color: aliceblue;
    margin-bottom: 20px;
}

.infobox h4{
    line-height: 200%;
    margin: 0;
}

hr {
    clear:both;
}

.markup-format ul, .markup-format ul li {
    color: #888;
}

@media only screen and (max-width: 1200px) {

  #header .top-header .header-navigation ul li {
    margin-left: 20px;
  }
}

@media only screen and (max-width: 992px) {

  .infobox {
      float: left;
      width: 100%;
      padding: 20px;
  }
}

@media (min-width: 768px){ //768
  .col-sm-3 {
      width: 25%;
  }

  .col-sm-7 {
      width: 65%;
  }

  .col-sm-4 {
      width: 30%;
  }

	#about .col-sm-4 {
      width: 50%;
  }
}
#about .section-content .container {
	max-width: 700px;
}

@media only screen and (max-width: 768px) { //768

  #header .bottom-header h2 {
    font-size: 60px;
  }

}


@media only screen and (max-width: 480px) {

  .col-sm-3 {
      width: 25%;
  }

  #header .bottom-header h2 {
    font-size: 46px;
  }

   #testimonials .section-content .testimonials-carousel .owl-controls .owl-dots .owl-dot {
       width: 20px;
       height: 20px;
       margin: 0 25px;
}

}

#mc_embed_signup input {
    border: 1px solid #999;
    -webkit-appearance: none;
}


#blog .blog-post .blog-post-button{
    text-transform: uppercase;
    font-family: norwester, Helvetica, Arial, sans-serif;
    color: #22313F;
}


#mc_embed_signup .button {
    text-transform: uppercase;
    clear: both;
    background-color: #ffde00;
    border: 0 none;
    border-radius: 4px;
    letter-spacing: .03em;
    color: #22313F;
    cursor: pointer;
    display: inline-block;
    font-family: norwester, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 18pt;
    line-height: 32px;
    margin: 0 5px 10px 0;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    white-space: nowrap;
    width: auto;
    transition: all 0.23s ease-in-out 0s;

}

#mc_embed_signup input.button {
    display: block;
    margin: 0 0 10px 0;
    min-width: 90px;
    height: auto;
}

#mc_embed_signup .button:hover {
    background-color: #f6f6f6;
}

#mc_embed_signup {
    background: #fff;
    clear: left;
}

#mc_embed_signup form {
    display: block;
    position: relative;
    text-align: left;
    padding: 10px 0 10px 0;
}

#mc_embed_signup input {
    border: 1px solid #999;
    -webkit-appearance: none;
}

#mc_embed_signup input.email {
    font-size: 15px;
    display: block;
    padding: 0 0.4em;
    margin: 0 4% 10px 0;
    min-height: 32px;
    width: 100%;
    min-width: 130px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.inline-columns > div {
    float: left;
}

#header .bottom-header.blog p {
    display: none;
}

#text-10 {
    width: 30%;
    min-width: 320px;
    float: none;
    margin: auto;
}


@media only screen and (max-width: 540px) {
  #header .bottom-header h1, #header .bottom-header h2{
      font-size: 15vw;
  }
}
.map{
border: 0; float: right; margin-left: 15px;
}

#about .section-content img {
    margin: auto;
    display: block;
}

.widget:not(.widget_rss):not(.widget_recent_comments):not(.widget_recent_entries) ul li:hover:before {
    color: #fff88f;
}


.wp-block-column {
	    text-align: left;
}

@media (min-width: 782px) and (max-width: 992px){
	.wp-block-column{
		font-size:small;
	}
	}

}