/* 
	Theme Name: Paradise Diving
	Theme URI: 
	Author: Unknown
	Author URI:  
	Description:  Custom Theme
	Version: 0.1 Alpha
	Tags: paradise, diving, responsive, featured-images, custom-menu, custom-header, post-formats
*/




/* //////////////////////////////// CUSTOM STYLES //////////////////////////////// */ 

/* General */



hr { height: 1px; margin: 10px 0; padding: 0; border: 0; border-top: 1px solid #CCC; width: 90%; }

/* Call to Action Buttons */

.button { 
	padding: 15px 20px; margin: 10px 0; display: block; text-align: center; text-decoration: none !important; 
	background-color: #666; color: #FFF !important; 
	font-size: 1em; text-transform: uppercase; font-weight: 400; 
	border: none; border-radius: 0; -webkit-border-radius: 0;
	-webkit-transition: all .3s ease-in; transition: all .3s ease-in; 
}
.button:hover { background-color: #336699; color: #FFF; text-decoration: none; }

.button.thin { max-width: 250px; float: left; } 

.button.simple { background: #EEE; color: #666 !important; font-weight: 400; border: 1px solid #CCC; }
.button.simple:hover { background: #CCC; }

.no-padding { padding: 0 !important; }
.no-padding * { padding: 0 !important; }
.no-margin { margin: 0 !important; }
.no-margin * { margin: 0 !important; }

/* Banner Titles */

.full-width.banner-title { width: 100%; position: absolute; z-index: 1000; background: transparent; margin-top: -80px; }
.full-width.banner-title section { background: transparent; }
.full-width.banner-title section h1 { color: #FFF !important; padding: 0; margin: 0 0 0 5px; border: 0; font-weight: 400; font-size: 30px; }
.full-width.banner-title section h1 a { text-decoration: none; color: #FFF !important; }
.full-width.banner-title section h2 { color: #FFF !important; padding: 0; margin: 0 0 0 5px; border: 0; font-weight: 400; font-size: 30px; text-transform: uppercase; }
.full-width.banner-title section h2 a { text-decoration: none; color: #FFF !important; }

.vc_pagination { margin-bottom: 0 !important; }

/* Vimeography Overides */

.vimeography-thumbnails { padding: 0; }

.vimeography-bugsauce .vimeography-thumbnails .vimeography-slides li {
    width: 186px;
    height: 108px;
    margin: 0 8px 0 0;
    position: static;
    display: block !important;
    float: left !important;
}

/* Grid Builder Boxes */



.box-image { position: relative; z-index: 1; }
vc_gitem-animated-block { margin-bottom: -10px !important; }

.box-title { color: #FFF; display: block; padding: 0; top: 0; margin: 0; margin-bottom: 0 !important;}
.box-title h4 { padding: 0; margin: 0; display: block; font-weight: 400; }
.box-title h4 a { padding: 20px; display: block; background: url(img/ui/pattern.png); background-color: #333; color: #FFF !important; opacity: 1 !important; -webkit-opacity: 1 !important;  }
.box-title h4 a:hover { background: rgba(0,0,0,0.8); color: #4BC2F1 !important; opacity: 1; }

div.box-content { padding: 0 !important; margin: 0 !important; }

.vc_grid-item:hover .box-title h4 a { background: #000 !important; color: #4BC2F1 !important; opacity: 1 !important; }

.box-content p { padding: 20px; }

/* Dive Sites Boxes */

.box-dive-sites .vc_gitem_row { width: 100%; }
.box-dive-sites .vc_custom_heading.box-dive-title { margin: 0 !important; }
.box-dive-sites .vc_custom_heading.box-dive-title h4 { margin: 0 !important; }
.box-dive-sites .vc_gitem_row h4 a.vc_gitem-link{ color: #FFF !important; font-size: 16px; line-height: 22px; width: 100%; text-align: center; background: #4fbedb; padding: 10px 0; -webkit-transition: all .3s ease-in; transition: all .3s ease-in; display: inline-block; }
.box-dive-sites:hover .vc_gitem_row h4 a.vc_gitem-link { color: #FFF !important; background: #ff791f; }

.box-dive-sites p a { color: #FFF !important; font-size: 16px; line-height: 22px; }

.vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_excerpt p a { color: #FFF !important; font-size: 16px; line-height: 22px; padding: 20px !important; }


/*.content-wrap .vc_section.white .vc_row .vc_column_container .vc_column-inner { padding-top: 40px !important; } */

div.wpb_text_column.wpb_content_element.stats { display: block; overflow: hidden; background: #f6f6f6; margin-bottom: 20px !important; }

.stats ul { list-style: none; padding: 0; margin: 0; }
.stats ul li { list-style: none; padding: 10px 0 10px 50px; margin: 0; border-bottom: 5px solid #FFF; }

.stats ul li:nth-child(1)  { background: url(img/icons/icon-location.svg) no-repeat left 10px center; background-size: 30px; }
.stats ul li:nth-child(2) { background: url(img/icons/icon-calendar.svg) no-repeat left 10px center; background-size: 30px; }
.stats ul li:nth-child(3) { background: url(img/icons/icon-tag2.png) no-repeat left 10px center; background-size: 25px; }

div.wpb_text_column.wpb_content_element.map { 
	display: block; overflow: hidden; background: #f6f6f6; margin-bottom: 20px !important; 
	width: 100%; height: 300px;
}

/* Tabs */

.vc_tta-tab > a { border: 0 !important; }

.vc_tta-tab.vc_active a { 
	background: #FFF !important; 
	color: #4BC2F1 !important;
	border: 0 !important; 
	border-top: 2px solid #4BC2F1 !important;
	border-bottom: 1px solid #FFF !important;
}
.vc_tta-tab.vc_active > a::after { border: 0 !important; }
.vc_tta-tab.vc_active > a::before { border: 0 !important; }

.vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body { background: #FFF !important; }

/* Video Play Button */

.video-bkg { min-height: 300px; }

.play { 
	margin: 50px 0 0 -100px; width: 200px; height: 70px; position: absolute; z-index: 1000; display: block; left: 50%; top: 50%;
	background: url(img/icons/icon-play.png) no-repeat center center; background-size: 70px; 
}

.play span { color: #FFF; font-weight: 400; font-size: 20px; position: absolute; bottom: -40px; margin: 0 auto; width: 100%; text-align: center; }

.fancybox-slide--iframe .fancybox-content {
	/* width  : 1000px;
	height : 600px; */
	max-width  : 70%;
	max-height : 70%;
	margin: 0;
}

/* Boxes */

a.box { margin: 0 0 30px 28%; width: 45%; position: relative; text-decoration: none; text-align: center; overflow: hidden; display: inline-block; border-radius: 1000px; -webkit-border-radius:  1000px; }
a.box h4 { 
	width: 100%; font-size: 12px; 
	position: absolute; display: block; width: 100%; text-align: center; 
	font-weight: normal; color: #FFF; top: auto; margin: 0; padding: 10% 0; margin: 35% 0 15px 0;
	background-color: rgba(0,0,0,0.6); letter-spacing: 0.2em; 
	-webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; 
	font-family: 'Cabin', helvetica, arial, serif; font-weight: 400; 
}
a.box img { width: 100%; height: auto; display: block; margin: 0;}
a.box p { color: #666; line-height: 20px; margin: 20px 0 0 0;  }
a.box:hover { cursor: pointer;}
a.box:hover h4, a.box:focus h4, a.box.active h4 { background: rgba(109,138,145,0.7); letter-spacing: 0.4em; }
a.box:hover p { color: #000; }

a.box:hover h4, a.box:focus h4 { margin: 0; padding: 48% 0; }

/* Contact Box */

.contact-box { padding: 30px; background: #EEE; }


/* Tables */
table { width: 100%; border: 1px solid #CCC; border-collapse:collapse; clear: both; font-size: 14px; color: #666; text-align: left; background-color: #FFF; margin-top: 20px !important; }
table th { padding: 10px; border: 1px solid #56b3cc; font-weight: bold; text-align: left; font-size: 14px; background: #56b3cc; color: #FFF; }
table td { padding: 10px; border: 1px solid #CCC; font-size: 14px; vertical-align: middle; line-height: 14px; }
table td a { color: #FF6600; }
table td a:hover { color: #29ABE2; }

table.order td { width: 50%; }
table.order3 td { width: 15%; }

table.blank th { border: none; padding: 10px; margin: 0; font-weight: normal; }
table.blank td { border: none; padding: 10px; margin: 0;  }
table.blank input, table.blank select { margin: 0 0 10px 0; width: auto !important; }

table td span { width: 15px; height: 15px; display: block; float: right; border-radius: 50%; -webkit-border-radius: 50%; right: 10px; top: 5px; }
table td span.not-set { width: auto; float: none; }


/* Contact Box */
.contact-box { border: 1px solid #CCC; overflow: hidden; margin: 0 0 20px 0;}
.contact-box h3 { font-size: 14px; color: #FFF; background: #666; display: block; padding: 10px; margin: 0; font-weight: normal; line-height: 30px; letter-spacing: 0.3em; text-align: center;}
.contact-box p { color: #666; font-size: 14px; line-height: 18px; padding: 15px; margin: 0 0 10px 0;}
.contact-box p span { font-weight: bold; margin-right: 20px; color: #666; }
.contact-box a { text-decoration: none; }
.contact-box a:hover { text-decoration: underline; }

/* Buttons */

.btn { padding: 10px 20px; display: block; background: #26c478; color: #FFF !important; text-decoration: none; margin: 20px 0; font-size: 18px; line-height: 18px; text-transform: uppercase; -webkit-transition: all .3s ease-in; transition: all .3s ease-in;  }
.btn:hover { text-decoration: none !important; background: #26c478; color: #FFF; }
.btn.center { text-align: center; }

/* Countdown */

.ult_countdown, .wpb_row .wpb_column .wpb_wrapper .ult_countdown {
    margin-bottom: 0px !important;
}

/* Style Lists Ultimate VC */
.smile_icon_list li .icon_description h3 { font-size: 22px !important; line-height: 32px !important; margin: 20px 0 !important; font-weight: normal !important; }
.smile_icon_list li .icon_description p { font-size: 14px !important; line-height: 20px !important; }

/* Grid Builder */
.vc_grid-filter { margin-bottom: 0 !important; }
li.vc_grid-filter-item.vc_active { background: #f58c2e !important; }
.vc_grid-filter-select .vc_grid-styled-select select { padding: 10px; }
.vc_grid-filter.vc_grid-filter-default > .vc_grid-filter-item { margin-bottom: 10px !important; }

.grid-below { background: #FFF; }
.grid-below h3 { margin: 10px !important; color: #f58c2e; text-transform: uppercase; }
.grid-below .vc_gitem-post-meta-field-Short { color: #666; font-size: 16px; line-height: 22px; padding: 0 10px 10px 10px; }

.info-banner h2.ultb3-title { margin-bottom: 20px; }
.info-banner .ultb3-btn { margin-top: 20px; }

/* Contact */

.nf-form-fields-required { margin-bottom: 20px !important; color: #666; font-size: 16px; }
.g-recaptcha { margin-bottom: 20px !important; }
.submit input { background-color: #f58c2e !important; color: #FFF !important; text-transform: uppercase; border: 0; padding: 20px; border-radius: 3px; -webkit-border-radius: 3px; cursor: pointer; }
.nf-field-element h3 { color: #ff791f; border-bottom: 2px solid #CCC; padding-bottom: 10px; margin-bottom: 20px !important; }
hr.ninja-forms-field { margin-bottom: 20px !important; }

.nf-help { background: url(img/icons/icon-info.png) no-repeat !important; width: 20px; height: 20px; }
.nf-after-field .nf-error-msg { margin: 0 0 20px 0 !important; }



/* Home Page */

.home-ctas h3 { margin: 80px 0 !important; }
a.home-cta { padding: 20px; background: rgba(255,255,255,0.9); text-transform: uppercase; color: #f58c2e !important; -webkit-transition: all 0.3s ; transition: all 0.3s; }
a.home-cta:hover { padding: 20px 40px; background: rgba(255,255,255,1); }


/* sponsors */
.logos { overflow: hidden; display: block; background-color: #444 !important; }
.logos h3 { color: #CCC; text-transform: uppercase;  }

.logos ul { text-align: center; list-style-type: none; margin: 0; padding: 0; }
.logos ul li { display: inline-block; width: 100px; margin: 0 10px 30px 0; }
.logos ul li.thin { width: 70px; }
.logos ul li a { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.logos ul li a img { width: 100%; }
.logos ul li a img { 	
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	filter: none;
}

.logos ul li a:hover img { 
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
}

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////// START OF RESPONSIVE STYLES /////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */




@media screen and (orientation: landscape) and (max-width: 768px) {

	/* Boxes  */

	a.box { width: 100%; }
	a.box h4 { font-size: 12px; line-height: 14px; }
	a.box:hover { letter-spacing: 0.2em; }

}

@media screen and (orientation: portrait) {

}



/* ////////////////////////////////  bigger than mobile version //////////////////////////////// */

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


	
}

/* //////////////////////////////// ipad mini or galaxy note version //////////////////////////////// */  

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



}

/* //////////////////////////////// big ipad version //////////////////////////////// */

@media screen and (min-width: 768px) {

	/* Video Section */

	.video-bkg { min-height: 400px; }
	.play { margin: 90px 0 0 -100px; width: 200px; height: 120px; background-size: 100px; }

	/* Boxes  */

	a.box { width: 100%; margin: 0; }
	a.box h4 { font-size: 12px; line-height: 14px; }
	a.box:hover { letter-spacing: 0.2em; }

	/* logos */
	.logos ul li { width: 120px; }
	.logos ul li.thin { width: 70px; }

}

/* //////////////////////////////// full wide version //////////////////////////////// */ 

@media screen and (min-width: 960px) {

	.full-width.banner-title { margin-top: -150px; }
	.full-width.banner-title section h1 { font-size: 50px; }
	.full-width.banner-title section h2 { font-size: 50px; }

	/* Video Section */

	.video-bkg { min-height: 450px; }
	.play { margin-top: 100px; }

	/*  Boxes  */

	a.box { margin-bottom: 35px; }
	a.box h4 { font-size: 16px; line-height: 22px; }
	a.box:hover h4 { letter-spacing: 0.2em; }

	/* Style Lists Ultimate VC */
	.smile_icon_list li .icon_description h3 { font-size: 25px !important; line-height: 35px !important; margin-bottom: 25px !important; font-weight: normal !important; }
	.smile_icon_list li .icon_description p { font-size: 16px !important; line-height: 22px !important; }

	/* Logos */
	.logos ul li { width: 180px; margin: 10px; }
  	.logos ul li.thin { width: 100px; }

}

/* //////////////////////////////// very wide version //////////////////////////////// */ 

@media screen and (min-width: 1500px) {

	.video-bkg { min-height: 500px; }

	.play { margin-top: 130px; }

	.logos ul li { width: 220px; margin: 20px; }
  	.logos ul li.thin { width: 100px; margin-top: 40px 20px 0 20px; }


}

/* //////////////////////////////// extra wide version //////////////////////////////// */ 

@media screen and (min-width: 1750px) {

	.logos ul li { width: 250px; margin: 20px; }
  	.logos ul li.thin { width: 100px; margin-top: 40px 20px 0 20px; }

}

/* //////////////////////////////// extra extra wide version //////////////////////////////// */ 

@media screen and (min-width: 2000px) {




}