/*
Theme Name: Whately Photography 2020
Theme URI: https://whatelyphotography.com.au/
Author: Whately Studios
Author URI: https://whatelystudios.com.au/
Description: 
Version: 1.0
License: © Copyright 2007-2020 Whately Studios
License URI: https://whatelystudios.com.au/terms/
Text Domain: whatelyphotography
Tags: 
*/

/* Global Styles */
* { padding:0px; margin:0px; box-sizing:border-box; font-family: 'Open Sans', FontAwesome, Calibri, Arial, sans-serif; font-display:swap; }
.page-body { width:100%; height:100%; font-family: 'Open Sans', FontAwesome, Calibri, Arial, sans-serif; color:#222; background-color:#222; font-size:16px; }
.clear { clear:both; }
.slink { display:none !important; }
.tal { text-align:left; }
.tac { text-align:center; }
.tar { text-align:right; }
.spacer50 { height:50px; }
.divider { border-top:2px solid #07C; width:20%; margin:0px auto; }
.mw800 { max-width:800px; margin-left:auto; margin-right:auto; }
h1 { font: 52px/1.1 'Open Sans', sans-serif; }
h2 { font: 42px/1.1 'Open Sans', sans-serif; }
h3 { font: 32px/1.1 'Open Sans', sans-serif; }
h4 { font: 25px/1.1 'Open Sans', sans-serif; }
h5 { font: 20px/1.1 'Open Sans', sans-serif; }
h6 { font: 18px/1.1 'Open Sans', sans-serif; }
h1, h2, h3, h4, h5, h6 { color: #443f3f; font-weight: 400 !important; margin: 10px 0 24px; }
p { margin-bottom:20px; line-height:28px; }
a { color:#07C; }
a:hover { color:#09F; }

/* Header */ /*background-image:url(/wp-content/uploads/2019/09/B-20181125153.jpg);*/
header { background-color:rgba(0,0,0,0.5); width:100%; z-index:100; border-bottom:1px solid rgba(255,255,255,0.2); }
#header-wrapper { height:70px; width:100%; margin:0px auto; position:relative; }
#logo-wrapper { position:absolute; width:350px; padding:10px; text-align:left; z-index:200;max-width:75%;height:70px; }
#logo-wrapper img { max-height:100%; height:auto; left:0; margin:auto 0px auto 0px; }
#nav-wrapper { width:100%; padding:20px 0px 60px 0px; background-color:#FFF; position:absolute; top:70px; z-index:100; transition:0.5s; border:2px solid #DDD; box-shadow:0px 0px 5px rgba(0,0,0,0.2); display:none; }
#page-head {  background-size:cover; background-position:center; position:relative; }
#page-head-wrapper { top:0; bottom:0; left:0; right:0; background-color:rgba(0,0,0,0.5); }
#header-photo-wrapper { position:absolute; top: 0; right: 0; left: 0; bottom:0; z-index: -99; overflow:hidden; background-size:cover; background-position:50% 50%; }
#header-video-wrapper { position:absolute; top: 0; right: 0; left: 0; bottom:0; z-index: -99; overflow:hidden; }
#header-video, #header-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; }
#header-video { height: 300%; top: -100%; }
#header-title-wrapper { width:100%; max-width:1400px; padding:0px; margin:auto; text-align:center; }
#header-title-wrapper #header-promo-text { background-color:transparent; display:block; padding:20px; line-height:70px; }
#header-promo-wrapper { width:100%; max-width:1400px; padding:200px 20px 90px 20px; margin:auto; text-align:center; }
#header-promo-text { line-height:50px; font-size:32px; color:#FFF; padding:0px; margin:0px; font-weight:normal; }
#header-promo-text strong { font-weight:600; }
#header-promo-action a { display:inline-block; background-color:#07C; color:#FFF; font-weight:600; padding:10px 25px; font-size:20px; text-decoration:none; margin-top:15px; border:2px solid #07C; }
#header-promo-action a:hover { background-color:rgba(255,255,255,0.1); border:2px solid #FFF; }
#hamburger-wrapper { width:60px; height:60px; right:0; top:0; position:absolute; color:#FFF; text-align:center; margin:5px; padding:2px; border:2px solid transparent; transition:0.5s; cursor:pointer; }
#hamburger-wrapper:hover { border:2px solid #FFF; }
#hamburger { font-size:38px; line-height:38px; }
#hamtext { font-size:11px; font-weight:500; line-height:10px; }
#header-breadcrumbs { display:none; }
@media screen and (min-width:620px) {
	#nav-wrapper { padding:20px 0px 0px 0px; }
}
@media screen and (max-width:979px) {
	.nav-show { display:block !important; }
}
@media screen and (min-width:980px) {
	#header-wrapper { height:164px; max-width:1400px; display:table; position:relative; }
	#nav-wrapper { position:relative; height:100%; vertical-align:bottom; display:table-cell; background-color:transparent; padding:10px; top:inherit; border:none; box-shadow:none; }
	#logo-wrapper img { padding:25px 10px; }
	#logo-wrapper img { max-width:100%; width:auto; }
	#header-title-wrapper { text-align:left; }
	#header-title-wrapper #header-promo-text { display:inline-block; background-color:#07C; padding:20px 30px 20px 20px; margin-bottom:40px; }
	#header-promo-wrapper { text-align:left; }
	#header-promo-text { font-size:46px; line-height:70px; }
	#hamburger-wrapper { display:none; }
	#header-breadcrumbs { display:block; max-width:1400px; height:70px; margin:0px auto; padding:10px 20px; color:rgba(255,255,255,0.3); line-height:50px; }
	#header-breadcrumbs a, .breadcrumb_last { padding:0px; text-decoration:none; color:rgba(255,255,255,0.8); transition:0.5s; border-bottom:2px solid transparent;  line-height:50px; }
	#header-breadcrumbs a:hover { border-bottom:2px solid rgba(255,255,255,0.8); transition:0.5s; }
	.breadcrumb_last { font-weight:600; }
}
@media screen and (min-width:1200px) {
	#header-wrapper {  }
	/*#logo-wrapper { width:30%; max-width:420px; position:static; vertical-align:middle; display:table-cell; padding:10px; }*/
	#logo-wrapper img { max-height:100%; height:auto; }
	#nav-wrapper { width:70%; }
}
@media screen and (min-width:1400px){
	#header-title-wrapper #header-promo-lead { display:block; position:absolute; background-color:#07C; height:110px; z-index:500; left:0; width:calc(50% - 700px); }
}


/* Primary Navigation */
#primary-nav { position:relative; }
#primary-nav > div > ul { padding:10px 0px 0px 0px; list-style:none; width:100%; }
#primary-nav > div > ul > li { display:block; width:100%; cursor:pointer; }
#primary-nav > div > ul > .menu-item-has-children > a { pointer-events:none; }
#primary-nav > div > ul > .menu-item-has-children > a::after { font-family: FontAwesome; content:'\f107'; padding-left:8px; color:#222; }
#primary-nav > div > ul > li > a { display:block; color:#222; padding:10px 15px; font-size:18px; text-decoration:none; transition:0.5s; border-top:1px solid #DDD; width:100%; }
#primary-nav > div > ul > li:last-child > a { border-bottom:1px solid #DDD; }
#primary-nav > div > ul > li > a:hover { transition:0.5s; }
#primary-nav > div > ul > li:hover > a { background-color:rgba(0,0,0,0.05); color:#07C; }
#primary-nav > div > ul > .menu-item-toggle > ul { display:block; transition:0.5s; height:auto; cursor:auto;  }
#primary-nav > div > ul > li > ul { list-style:none; display:none; transition:0.5s; height:1px; overflow:hidden; }
#primary-nav > div > ul > li > ul > li { width:100%; }
#primary-nav > div > ul > li > ul > li > a { display:block; color:#07C; text-decoration:none; transition:0.5s; border-top:1px solid #DDD; padding:10px 30px 5px 20px; font-size:18px; }
#primary-nav > div > ul > li > ul > li > a:hover { }
#primary-nav > div > ul > li > ul > li > ul { list-style:none; padding:0px 20px 5px 20px; position:relative; font-size:0; }
#primary-nav > div > ul > li > ul > li > ul > li { display:inline-block; width:100%; }
#primary-nav > div > ul > li > ul > li > ul > li > a { display:block; padding:5px 10px; line-height:24px; width:100%; color:#222; text-decoration:none; font-size:18px; transition:0.5s; border:2px solid transparent; white-space:nowrap; }
#primary-nav > div > ul > li > ul > li > ul > li > a:hover { background-color:#EEE; transition:0.5s; border:2px solid #07C; }
#primary-nav > div > ul > li > ul > li > ul > li > a::before { font-family: FontAwesome; content:'\f105'; padding-right:8px; color:#07C; }

#menu-item-2087 > a::before { font-family: FontAwesome; content:'\f004'; padding-right:8px; } /* Wedding Submenu Icon */
#menu-item-2088 > a::before { font-family: FontAwesome; content:'\f030'; padding-right:8px; }
#menu-item-2089 > a::before { font-family: FontAwesome; content:'\f0B1'; padding-right:8px; }
/* Photography Submenu Icon */
#menu-item-1157 > a::before, #menu-item-2085 > a::before, #menu-item-1173 > a::before, #menu-item-2086 > a::before, #menu-item-2106 > a::before { font-family: FontAwesome; content:'\f030'; padding-right:8px; } 
/* Videography Submenu Icon */
#menu-item-1169 > a::before, #menu-item-1168 > a::before, #menu-item-2107 > a::before { font-family: FontAwesome; content:'\f03d'; padding-right:8px; }
/* Resources Submenu Icon */
#menu-item-2135 > a::before { font-family: FontAwesome; content:'\f07C'; padding-right:8px; }

@media screen and (min-width:720px) {
	#primary-nav > div > ul > li > ul > li > ul > li { width:50%; }
}

@media screen and (min-width:980px) {
	#primary-nav {  }
	#primary-nav > div > ul { clear:both; white-space:nowrap; border-bottom:none; text-align:right; }
	#primary-nav > div > ul > li { display:inline-block; width:auto; text-align:right; }
	#primary-nav > div > ul > .menu-item-has-children > a { pointer-events:inherit; }
	#primary-nav > div > ul > .menu-item-has-children > a::after { color:#FFF; }
	#primary-nav > div > ul > li > a { color:#FFF; border:none; width:inherit; display:inline; }
	#primary-nav > div > ul > li:hover > a { background-color:rgba(255,255,255,0.1); color:#FFF; }
	#primary-nav > div > ul > li:last-child > a { border:none; }
	#primary-nav > div > ul > li > ul { display:none; position:absolute; transition:0.5s; background-color:#FFF; padding:20px; margin:10px auto; height:0px; overflow:hidden; border:2px solid #DDD; box-shadow:0px 0px 5px rgba(0,0,0,0.2); text-align:left; }
	.submenu-right > ul { right:0 !important; }
	#primary-nav > div > ul > li:hover > ul { display:table; height:auto; transition:0.5s; }
	#primary-nav > div > ul > li > ul > li { display:table-cell; width:240px; }
	#primary-nav > div > ul > li > ul > li > a { display:block; color:#07C; text-decoration:none; padding:10px; border-bottom:2px solid #DDD; font-size:16px; transition:0.5s; border-top:none; }
	#primary-nav > div > ul > li > ul > li > a:hover { transition:0.5s; }
	#primary-nav > div > ul > li > ul > li > ul { display:block; list-style:none; padding:10px 0px; }
	#primary-nav > div > ul > li > ul > li > ul > li { width:100%; display:block; }
	#primary-nav > div > ul > li > ul > li > ul > li > a { font-size:14px; white-space:inherit; padding:2px 10px; }
}



/* Secondary Navigation */
#second-nav { position:relative; top:0; right:0; padding-bottom:10px; padding-right:20px; }
#second-nav > div > ul { padding:0px 0px; list-style:none; text-align:center; }
#second-nav > div > ul > li { display:inline-block; }
#second-nav > div > ul > li > a { color:#222; padding:10px 15px; font-size:18px; text-decoration:none; transition:0.5s; border:2px solid transparent; }
#second-nav > div > ul > li > a:hover { transition:0.5s; color:#222; border:2px solid #07C;  }
#second-nav > div > ul > li:hover a { background-color:rgba(0,0,0,0.05); }
#menu-item-1133 a { border:2px solid #222 !important; }
#menu-item-1133 a:hover { border:2px solid #07C !important; }
#menu-item-1132 a svg { width:20px; height:20px; fill:#222; margin:0px 7px -4px 0px; transition:0.5s }
#menu-item-1132 a:hover svg { fill:#07C; }
@media screen and (min-width:620px) {
	#second-nav { top:auto; right:auto; float:right; }
	#second-nav > div > ul { float:right; clear:both; text-align:inherit; }
}
@media screen and (min-width:980px) {
	#second-nav { height:auto; padding-bottom:0px; padding-right:0px; }
	#second-nav > div > ul { padding:20px 0px; } 
	#second-nav > div > ul > li > a { color:#FFF; border:2px solid transparent; }
	#second-nav > div > ul > li > a:hover { color:#FFF; border:2px solid transparent; }
	#second-nav > div > ul > li:hover a { background-color:rgba(255,255,255,0.1); }
	#menu-item-1133 a { border:2px solid #FFF !important; }
	#menu-item-1133 a:hover { border:2px solid #07C !important; }
	#menu-item-1132 a svg { fill:#FFF; }
}

/* Social Navigation */
#social-nav { position:absolute; left:0; bottom:0; width:100%; }
#social-nav > div > ul { list-style:none; padding:15px 20px; text-align:center; width:100%; }
#social-nav > div > ul > li { display:inline-block; }
#social-nav > div > ul > li > a { color:#222; text-decoration:none; padding:5px 10px; cursor:pointer; font-size:26px; }
#social-nav > div > ul > li > a:hover { color:#09F; }
#social-nav a[href*="twitter.com"]::before { content: '\f099'; }
#social-nav a[href*="twitter.com"]::before { content: '\f099'; }
#social-nav a[href*="facebook.com"]::before { content: '\f09a'; }
#social-nav a[href*="plus.google.com"]::before { content: '\f0d5'; }
#social-nav a[href*="google.com/+"]::before { content: '\f0d5'; }
#social-nav a[href*="dribbble.com"]::before { content: '\f17d'; }
#social-nav a[href*="pinterest.com"]::before { content: '\f231'; }
#social-nav a[href*="youtube.com"]::before { content: '\f167'; }
#social-nav a[href*="flickr.com"]::before { content: '\f16e'; }
#social-nav a[href*="vimeo.com"]::before { content: '\f194'; }
#social-nav a[href*="instagram.com"]::before { content: '\f16d'; }
#social-nav a[href*="linkedin.com"]::before { content: '\f0e1'; }
#social-nav a[href*="foursquare.com"]::before { content: '\f180'; }
#social-nav a[href*="tumblr.com"]::before { content: '\f173'; }
#social-nav a[href*="behance.net"]::before { content: '\f1b4'; }
#social-nav a[href*="deviantart.com"]::before { content: '\f1bd'; }
#social-nav a[href*="soundcloud.com"]::before { content: '\f1be'; }
#social-nav a[href*="spotify.com"]::before { content: '\f1bc'; }
#social-nav a[href*="weibo.com"]::before { content: '\f18a'; }
#social-nav a[href*="xing.com"]::before { content: '\f168'; }
#social-nav a[href*="trello.com"]::before { content: '\f181'; }
#social-nav a:before { font-family: 'fontello'; }
@media screen and (min-width:620px) {
	#social-nav { display:block; position:absolute; top:0; left:0; width:auto; }
	#social-nav > div > ul { float:left; width:auto; }
}
@media screen and (min-width:980px) {
	#social-nav { top:0; right:0; }
	#social-nav > div > ul { float:right; }
	#social-nav > div > ul > li > a { color:#FFF; font-size:16px; padding:5px; }
}

/* Page Content */
main { width:100%; min-height:400px; background-color:#FFF; margin:0px; padding:50px 0px 0px 0px; overflow:hidden; }
.elementor-slideshow__share-links > a[download] { display:none; }


/* Archive & Category Styles */
.category-wrapper { max-width:1200px; margin:0px auto; }
.category-list { list-style:none;  }
.category-list li { background-size:cover; background-position:center; height:250px; position:relative; width:100%; display:inline-block; vertical-align:bottom; margin:0px 0px 10px 0px; background-color:#EEE; cursor:pointer; border:2px solid #FFF; }
.category-list li a { color:#FFF; position:absolute; display:block; bottom:0px; vertical-align:bottom; width:100%; min-height:60px; background-color:rgba(0,0,0,0.5); padding:20px 20px; line-height:20px; text-decoration:none; }
.category-list li:hover { border:2px solid #07C; }
.category-list li:hover a { background-color:rgba(0,0,0,0.7); }
.gallery-list { font-size:0; }
.gallery-list > div > div { row-gap:10px !important; column-gap:10px !important; }
.gallery-list article { background-size:cover; height:auto; position:relative; width:100%; display:inline-block; vertical-align:bottom; margin:0px 0px 0px 0px; background-color:#EEE; cursor:pointer; border:2px solid #FFF; }
.gallery-list article:hover { border:2px solid #07C; }
.gallery-list article a.elementor-post__thumbnail__link { margin-bottom:0px !important; }
.gallery-list article div.elementor-post__text a { color:#FFF; position:absolute; display:block; bottom:0px; vertical-align:bottom; width:100%; min-height:60px; background-color:rgba(0,0,0,0.5); padding:20px 20px; line-height:20px; text-decoration:none; }
.gallery-list article:hover div.elementor-post__text a { background-color:rgba(0,0,0,0.7); }
@media screen and (min-width:620px) {
	.category-list li { width:calc(50% - 10px); margin:0px 5px 10px 5px; }
}	
@media screen and (min-width:980px) {
	.category-list li { width:calc(33.3% - 10px); }
}


/* WooCommerce Styles */
div.woocommerce, div.product, .woo-title-wrapper, .woocommerce-products-header, .woocommerce-notices-wrapper, .products { max-width:1200px; margin:auto !important; background-color:transparent; }
.woocommerce-breadcrumb, .woocommerce-LoopProduct-link p.afterpay-payment-info { display:none; }
a.add_to_cart_button, .single_add_to_cart_button { background-color:#07C !important; color:#FFF !important; border:2px solid #07C !important; border-radius:0px !important; }
a.add_to_cart_button:hover, .single_add_to_cart_button:hover { background-color:#FFF !important; color:#07C !important; }
.woocommerce .onsale { background-color:#F00 !important; }
.woocommerce-loop-product__title { font-size:18px !important; font-weight:400 !important; }
.price .woocommerce-Price-amount { font-size:32px; font-weight:600 !important; color:#07C !important; }
.price .woocommerce-Price-currencySymbol { font-size:25px !important; }
.woocommerce del .woocommerce-Price-amount, .woocommerce del .woocommerce-Price-currencySymbol { color:#444 !important; font-size:20px !important; }
.woocommerce del { color:#444 !important; font-size:20px !important; }
.woocommerce del::before { content:"Was "; }
.woocommerce ins { color:transparent !important; }
.woocommerce .sku_wrapper, .woocommerce .posted_in { display:none; }
.woocommerce textarea { border:2px solid #CCC !important; font-family:'Open Sans', FontAwesome, sans-serif !important; font-size:16px !important; padding:0px 5px !important; }
.woocommerce select, .woocommerce input, .woocommerce .select2-selection { height:40px !important; border:2px solid #CCC !important; font-family:'Open Sans', FontAwesome, sans-serif !important; font-size:16px !important; padding:0px 5px !important; border-radius:0px !important; }
.woocommerce select:hover, .woocommerce input:hover, .woocommerce .select2-selection:hover, .woocommerce textarea:hover { border:2px solid #444 !important; }
.woocommerce .select2-selection__rendered { line-height:36px !important; padding-left:0px !important; }
.woocommerce-message { border-top-color:#07C !important; }
.woocommerce-message::before { color:#07C !important; }
.woocommerce .button { height:40px !important; }
.woocommerce .checkout-button { height:60px !important; background-color:#07C !important; border-radius:0px !important; border:2px solid #07C !important; color:#FFF !important; line-height:56px !important; padding:0px !important; }
.woocommerce .checkout-button:hover { background-color:transparent !important; color:#07C !important; }
.woocommerce .checkout-button::after { content:"\00a0\00a0\f105"; }
.woocommerce #place_order { height:40px !important; background-color:#07C !important; border-radius:0px !important; border:2px solid #07C !important; color:#FFF !important; font-family:'Open Sans', FontAwesome, sans-serif !important;  }
.woocommerce #place_order:hover { background-color:#FFF !important; color:#07C !important;  }
.woocommerce #place_order::after { content:"\00a0\00a0\f105"; }
.woocommerce #coupon_code { min-width:150px; }
.woocommerce-product-details__short-description { padding-bottom:20px; }
@media screen and (min-width:1200px) {
	.woocommerce-result-count { margin-left:calc(50% - 600px) !important; }
	.woocommerce-ordering { margin-right:calc(50% - 600px) !important; }
}

/* Footer */
footer { min-height:20px; }
#footer-copyright { font-size:12px; color:#999; text-align:center; padding:20px; }