/*!
Theme Name: WhaleOne
Theme URI: http://www.elegantthemes.com/gallery/divi/
Version: 3.23.3
Description: WhaleOne, child of Divi theme
Author: Kook
Author URI: http://kook.com.au
Template: Divi
Tags: responsive-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
@import url("../Divi/style.css");

@font-face {
    font-family: 'claytonsemibold';
    src: url('/wp-content/themes/whaleone-theme/fonts/clayton-semibold-webfont.eot');
    src: url('/wp-content/themes/whaleone-theme/fonts/clayton-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/whaleone-theme/fonts/clayton-semibold-webfont.woff') format('woff'),
         url('/wp-content/themes/whaleone-theme/fonts/clayton-semibold-webfont.ttf') format('truetype'),
         url('/wp-content/themes/whaleone-theme/fonts/clayton-semibold-webfont.svg#claytonsemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'claytonsemibold_italic';
    src: url('/wp-content/themes/whaleone-theme/fonts/clayton-semibolditalic-webfont.eot');
    src: url('/wp-content/themes/whaleone-theme/fonts/clayton-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/whaleone-theme/fonts/clayton-semibolditalic-webfont.woff') format('woff'),
         url('/wp-content/themes/whaleone-theme/fonts/clayton-semibolditalic-webfont.ttf') format('truetype'),
         url('/wp-content/themes/whaleone-theme/fonts/clayton-semibolditalic-webfont.svg#claytonsemibold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
/***************************
Clearfix
****************************/
// Contain floats: nicolasgallagher.com/micro-clearfix-hack/
.cf {zoom: 1;}
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }

body, form, input, select, text-area{
font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 110%;
	line-height: 1.5;
	color: rgb(0,0,0);
}

h1, .h1, h1.entry-title{
	font-size: 3.5em;
}

h2, .h2, .et_pb_column_1_3 h2, .et_pb_column_1_4 h2, .et_pb_column_1_5 h2, .et_pb_column_1_6 h2, .et_pb_column_2_5 h2{
	font-size: 1.5em;
}

h1, .h1, .h2, h2,  h3, .h3 , h4, .h4, .home .et_pb_section_1 .et_pb_column_1_3 .et_pb_text{
	font-family: 'claytonsemibold', sans-serif;
}

.home .et_pb_section_1 .et_pb_column_1_3 .et_pb_text{
	font-size: 1.5em;
}
 

.et_pb_slide_description h2 {
	background: black;
	display: inline-block;
	transform: rotate(3deg);
	font-family: 'claytonsemibold', sans-serif;
	margin: 1em auto;
	padding: 0.5em 1em;
	border: 8px solid white;
	box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.6);
}

#welcome p:first-child{
	transform: rotate(-2deg);
}

.sticky-popup-right .popup-title{transform: rotate(-180deg)!important;padding-bottom: 1em;text-align: center;font-size: 1.8em;} 

#et-top-navigation{font-weight: 600; text-transform: uppercase;}

/***************************
Colours
****************************/
.primary, .blue,  .et-fixed-header #top-menu a, .mobile_menu_bar:before, #top-menu li li a, #main-header.et-fixed-header .nav li ul li a  {color: #00ADEF;}

.secondary, .yellow, .home .et_pb_section_1 .et_pb_column_1_3 .et_pb_text, .homeHero a.button.secondary, #welcome p:first-child, .h2, h2, .home .et_pb_section_1 .et_pb_column_1_3 .et_pb_text, .CTAs a {color: #FFE600;}

.tertiary, .grey, h3, .h3, .footer-widget h4, #main-footer #footer-widgets .footer-widget li a:hover, #top-menu li.current-menu-ancestor>a,  h2, .h2 {color: #1D374B; } 

.black, a.button,  .CTAs .et_pb_column:hover a, .popup-content p, .et_pb_widget li a {color: #000!important; }

.white, #pre-footer a.et_pb_button, .home  h1, .home .h1, #top-menu a, .breadcrumbContainer, .breadcrumbContainer a, a.button:hover, #footer-info, #footer-info a,  .secondNav, .secondNav a, .homeHero, .homeHero .h3, .homeHero a.button, .homeHero a.button.secondary:hover, .home, #pre-footer h2, #pre-footer, .et_pb_sidebar_no_border .widget_nav_menu ul li a:hover, .bottom-nav a, #sidebar .widget_nav_menu ul li a:hover{color: #fff;}

.secondNav a {opacity: 0.9}
.secondNav a:hover {opacity: 1;}
/***************************
Text Styles + List Styles
****************************/



/***************************
Button / Link Styles
****************************/

a{}
a:hover{}
	

.black_button, .et_pb_widget_area .et_pb_widget a.black_button, .et_pb_widget a.black_button{
	background: #222;
	border-radius: 0;
	color: #FFE600;
	font-weight: 700;
	transition(all 0.2s ease-in-out);
	-webkit-transition(all 0.2s ease-in-out);

}

.black_button:hover, .et_pb_widget_area .et_pb_widget a.black_button:hover{
	background: #FFE600;
	color: #222;
	transition(all 0.2s ease-in-out);
	-webkit-transition(all 0.2s ease-in-out);
}
	

.button, a.button, .et_pb_button, .homeHero a.button, .wpcf7-submit{
	
	
	
}

.button:hover, a.button:hover,  .et_pb_button:hover, .homeHero a.button.secondary:hover, .homeHero a.button:hover, .wpcf7-submit:hover{



}	
		
.et_pb_button:hover, .et_pb_module .et_pb_button:hover{

}	


.homeHero a.button{


}

.homeHero a.button.secondary{


}

.whitebutton, .et_pb_slide_description .et_pb_button {
	
	
}

/***************************
Header and Nav
****************************/

/*#main-header #logorev {display: inline-block;}
#main-header #logo {display: none;}
#top-menu-nav{margin-top: 1em;}*/

#logo{
	max-width: 280px;

}


/*FIXED*/
.et-fixed-header#main-header{background-color: rgba(255,255,255,0.8);}
.et-fixed-header#main-header #logorev {display: none;}
.et-fixed-header#main-header #logo {display: inline-block; max-height: 100%; height: 100%;}

#top-menu li li a{font-size: 13px;}
/*Second Nav 
#menu-secondary-nav{float: right; margin: 0.5em 0; z-index: 999; position: absolute; top: 0; right: 0;}
#menu-secondary-nav li{display: inline-block; text-align: right; padding: 0 0.5em;}
.et-fixed-header #menu-secondary-nav{display: none;}
.et-fixed-header #top-menu-nav{margin-top: 0;}*/


/*.et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h1{min-height: 400px;}*/

.nav li ul{
	position: absolute;
	top: 2.5em;
	
}

/***************************
Home Content
****************************/

.home #offersSlides {

}

.CTAs .et_pb_image, .CTAs .et_pb_column .et_pb_image *{
	min-width: 100%;
	max-width: none;
	overflow: hidden;
	height: 300px;

}
.CTAs .et_pb_column .et_pb_image img{
	/* max-width: 150%; */
	height: 100%;
	width: auto;
	max-height: 100%;
}
.CTAs .et_pb_column .et_pb_text {
	position: absolute;
	bottom: 0;
    left: 0;
	transition: all 0.2s ease-in-out;
	color: #FFE600;
	z-index: 9;
	background: rgba(0,0,0,0.6);	
	width: 100%;
	text-align: center;
	margin: 0;
	line-height: 4;
	
	}
	
.CTAs .et_pb_column .et_pb_image {
	position: relative;
	box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.6);
		height: 300px;


	}	

 .CTAs .et_pb_column .et_pb_image:before{
	opacity: 0.5;
}

.CTAs .et_pb_column:hover {
	transform: rotate(3deg);
	transition: all 0.2s ease-in-out;
	cursor: pointer;
	
	
}

	
.CTAs .et_pb_column:hover .et_pb_text {
	transition: all 0.2s ease-in-out;
	color: #000;
	background: rgba(250,230,0,0.6);
}
	
.CTAs .et_pb_column{padding: 0!important;}	
	

/***************************
Content
****************************/
.heroGraphic .et_pb_fullwidth_header {
	/* position: absolute;
	z-index: 9;
	right: 0;
	bottom: 1em;
	width: 100%; */
	min-height: 400px;
	}
.heroGraphic .videoText {
	 position: absolute;
	z-index: 9;
	right: 0;
	bottom: 1em;
	width: 100%; 
	height: 100%;

	}


.heroGraphic .videoHeader{
	padding-top: 0!important;
	max-height: 90vh;
	overflow: hidden;
	
	
}




/* body:not(.single-post) h1.et_pb_module_header, body:not(.single-post) h1.entry-title{
	position: absolute;
	right: 0;
	bottom: 50px;
} */



.et_pb_fullwidth_header .et_pb_parallax_css{
	background-size: auto;
}
 
 
.sticky-popup-right .popup-header{height: 220px!important;border: 4px solid #fff;width: 60px!important;} 

.breadcrumbs, .breadcrumbs *{
	padding: 0!important;
}

body:not(.home) .et_pb_section_2{padding-top: 0;}

/***************************
Forms
*********/



/***********
POSTS
************/
.single-post #main-header {background: #222;}
.single-post #main-header.et-fixed-header {background: rgba(255,255,255,0.8);}
.single .et_pb_post{padding-bottom: 0; margin-bottom: 0;}
body.post-template-default #left-area{padding-bottom: 0;}


/***************************
Search Results
****************************/



/***************************
Right Blocks
****************************/

.et_pb_sidebar_no_border{
	background: whitesmoke;
	padding: 1em;
}

.et_pb_sidebar_no_border .widget_nav_menu, #sidebar .widget_nav_menu{
	margin-bottom: 0!important;
}

.et_pb_sidebar_no_border .widget_nav_menu ul li, #sidebar .widget_nav_menu ul li{
	display: block;
	padding: 0;
	margin: 0;
	background: #ccc;
}

.et_pb_sidebar_no_border .widget_nav_menu ul li ul li, #sidebar .widget_nav_menu ul li ul li{
	background: #eee;
}

.et_pb_sidebar_no_border .widget_nav_menu ul li a, #sidebar .widget_nav_menu ul li a{
	line-height: 1.5;
	width: 100%;
	display: block;
	padding: 0.5em;
	
}

.et_pb_sidebar_no_border .widget_nav_menu ul li a:before,  #sidebar .widget_nav_menu ul li a:before{
	content: '\f054';
	font-family: 'Font Awesome 5 Pro';
	padding: 0 0.25em;
	font-size: 70%;
	line-height: 1;
	
	
	
}

.et_pb_sidebar_no_border .widget_nav_menu ul li a:hover, #sidebar .widget_nav_menu ul li a:hover{
	background: #00ADEF;
}

.et_pb_sidebar_no_border .widget_nav_menu ul li ul li a, #sidebar .widget_nav_menu ul li ul li a{
padding: 0.5em 1em;
}
/***************************
Footer
***************************/

.et_pb_section_2.section_has_divider.et_pb_bottom_divider .et_pb_bottom_inside_divider {z-index: 9999!important;}

/***************************
RESPONSIVE DESIGN
****************************/
@media handheld, only screen and (min-width: 1200px){ 
/* .nav li ul {right:1%;} */
}

@media handheld, only screen and (min-width: 1600px){ 
.home .et_pb_section_0 .et_pb_slide_description{
	position: absolute;
	text-align: right;
	right: 0.5em;
	bottom: 0.5em;
	left: auto;
	top: auto;
}

.home .et_pb_section_0 .et_pb_slide_description .et_pb_slide_title{text-align: right;}
}

@media handheld, only screen and (min-width: 980px) and (max-width:1400px) { /*********** Laptop ***********/
#top-menu li{padding-right: 10px;}
body #top-menu li > a{ font-size: 15px;}
/* body #top-menu li:last-child > a{ display: none;} */


}

@media handheld, only screen and (max-width: 1024px) {


} 
	

@media handheld,only screen and (max-width: 1149px) { /*********** Tablet - Landscape ***********/


}

@media handheld,only screen and (max-width:981px) and (min-width: 550px){ /*********** Tablet - Portrait ***********/
	
	
}

@media handheld,only screen and (max-width:980px) {
.mobile_menu_bar:before{
	background: black;
	color: #FFE600!important;
}

 #main-header .et_mobile_menu{
	background-color: white!important;
}
.heroGraphic .videoHeader{height: auto;max-height: 400px;}
.et_pb_section_0{min-height: 400px;!important;}
.fluid-width-video-wrapper {
   position: fixed;
   top: 0;
   right: 0;
   min-height: 800px;
   min-width: 2000px;
   z-index: -1;
   pointer-events: none;
   overflow: hidden;
}
.fluid-width-video-wrapper iframe {
   width: 100vw;
   height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 900px;
   min-width: 2000px; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

/*** Custom Styling - Make mobile menu until clicked on ****/
#main-header .et_mobile_menu .menu-item-has-children > a { background-color: transparent; position: relative; font-weight: 600; }
#main-header .et_mobile_menu .menu-item-has-children > a:after { font-family: 'ETmodules'; text-align: center; speak: none; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; position: absolute; }
#main-header .et_mobile_menu .menu-item-has-children > a:after { font-size: 16px; content: '3'; top: 13px; right: 10px; }
#main-header .et_mobile_menu .menu-item-has-children.visible > a:after { content: '\4d'; }
#main-header .et_mobile_menu ul.sub-menu { display: none !important; visibility: hidden !important;  transition: all 1.5s ease-in-out;}
#main-header .et_mobile_menu .visible > ul.sub-menu { display: block !important; visibility: visible !important; }

.heroGraphic .videoText {
display: none;
	}
	
	.heroGraphic .videoText h1{color: #222!important;}
	
	.sticky-popup-right .popup-header{height: 140px!important;border: 4px solid #fff;width: 40px!important;} 
	.sticky-popup-right .popup-title{font-size: 1em;}


.et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_description{padding: 40% 8%;}

}

@media handheld,only screen and (max-width:768px) { /*********** Tablet - Portrait ***********/



	
}

@media handheld,only screen and (max-width: 767px) and (min-width: 340px) { /*********** Larger Mobile Devices Only ***********/

}



@media handheld,only screen and (max-width: 400px) { /*********** Smaller Mobile Devices Only ***********/
	
	

}


@media handheld,only screen and (max-width: 481px) { /*********** Mobile Devices ***********/

}