/*
Theme Name:     ALR
Theme URI:      
Description:    Child theme for Bendico. Requires ACF Pro and relevant custom fields groups.
Author:         Steve Coates
Author URI:     
Template:       bendico
*/

/* feature colour */
.subnav-wrapper h4, .button, button, .right-off-canvas-menu { 
background-color:#2b2a25; 
}
h1, h2, h3, h4, h5, 
.logo-left-menu-right #main-nav a:hover, .logo-left-menu-right #main-nav li:hover > a, .logo-left-menu-right #main-nav .current_page_item a, .logo-left-menu-right #main-nav .current-menu-item a, .logo-left-menu-right #main-nav .current_page_ancestor a, .logo-left-menu-right #main-nav .current_page_ancestor.menu-item-has-children a:hover, .card-text a { 
color:#2b2a25;
}
a { color:#bb3c36; }
.footer, .footer .login, .footer .siteby { background:#fff; color:#444; }
.footer a, .footer .login a { color:#444; }
body, ol, ul, dl, li, tr, td, p, h1, h2, h3, h4, h5 {
font-family:'Raleway', Helvetica, sans-serif;
font-weight:300;
}
h1, h2, h3, h4, h5 {
text-transform:uppercase;
}
#main-nav li:hover > ul { 
border-top-color: #2b2a25 !important; 
}

.logo-left-menu-right #main-nav a {
text-transform:uppercase;
font-weight:600;
font-size:17px;
}
.logo-left-menu-right #main-nav ul a { 
text-transform:uppercase !important; 
font-size:85%; 
}
 
.logo-left-menu-right li.name h1 a {
background-image: url(assets/images/logo-annetterogers-wide-333.png);
background-repeat:no-repeat;
height:60px;
margin-top:32px;
text-indent:-9999px;
}

#main-nav i.fa, #main-nav i.fas, #main-nav i.fab {
font-size:24px;
position:relative;
top:3px;
}

.row, .logo-left-menu-right .contain-to-grid#top, .logo-left-menu-right .top-bar, .soliloquy-outer-container {
max-width: 1180px !important;
}

.exp-search .button, .exp-search .button:hover { border:0; }
.exp-search input[type="search"].search-field {
border:none;
font-size:18px;
font-weight:400;
}
.exp-search input[type="search"].search-field.expand-search {
width:550px;
}

.off-canvas-wrap.move-left.overlay-m-nav aside.right-off-canvas-menu {
padding-top:60px;
}
ul.off-canvas-list li a {
font-size:24px;
padding:14px 46px 14px 28px;
}

button.togglebutton {
border:none !important;
color:#fff !important;
font-size:29px !important;
top:-57px;
right:-10px;
}

header.header {
border:0;
}

#title-bar {
background:#fff;
max-width:1180px;
margin:0 auto 40px;
}
#title-bar .page-title-over-banner {
height: 40vw;
min-height: 400px;
}
#title-bar .page-title-over-banner.no-image {
height:10vw;
min-height:150px;
}
#title-bar h1 {
font-weight:400 !important;
letter-spacing:2px;
text-transform:uppercase;
max-width:1280px !important;
}
#title-bar .page-title-over-banner.no-image h1 {
color:#333;
text-shadow:none;
text-align:left !important;
}
#title-bar h1 span {
font-size:24px;
}
#title-bar h1 span .smaller {
font-size:18px;
}
#title-bar .page-title-over-banner h1 span a {
color:#fff;
border-bottom:1px dotted #fff;
}
#title-bar .page-title-over-banner h1 span a:hover {
text-decoration:none;
border-bottom:1px solid #fff;
}
h1 .page-intro-text {
display: block;
font-size: 16px;
font-weight: 400;
padding-top: 10px;
text-transform: none;
}

.columns-stripe .row {
padding-right:0;
padding-left:0;
}

.columns-stripe.no-top-padding {
padding-top:0 !important;
}

#inner-footer {
padding-top:0;
}

.soliloquy-outer-container {
margin:0 auto;
}
 
/* 
.soliloquy-item.soliloquy-image-slide {
height: 40vw;
min-height: 360px !important;
max-height: 600px;
}
 */
.soliloquy-item.soliloquy-image-slide {
height: auto !important;
min-height: 0 !important;
max-height: 700px !important;
}
.soliloquy-container .soliloquy-caption .soliloquy-caption-inside {
font-weight:400 !important;
text-transform:uppercase !important;
font-size:19px !important;
text-align:left !important;
top: 80%;
transform: translateY(-80%);
}
.soliloquy-container .soliloquy-caption strong a, .soliloquy-container .soliloquy-caption a strong {
background:transparent !important;
border:1px solid #fff !important;
color:#fff !important;
font-weight:400 !important;
position:relative;
transition:all .2s ease-in-out;
}
.soliloquy-container .soliloquy-caption strong a:hover, .soliloquy-container .soliloquy-caption a strong:hover {
background:rgba(255,255,255,.2) !important;
}
.soliloquy-theme-classic .soliloquy-pager {
text-align:center !important;
}
.soliloquy-theme-classic .soliloquy-pager {
bottom:-35px !important;
}
.soliloquy-theme-classic .soliloquy-pager-link {
width: 11px !important;
height: 11px !important;
background: #666 none !important;
border-radius: 50% !important;
opacity: .25 !important;
margin: 6px !important;
}
.soliloquy-theme-classic .soliloquy-pager-link:hover, .soliloquy-theme-classic .soliloquy-pager-link.active {
opacity:.75 !important;
}

.cat-intro {
max-width:900px;
margin: -20px auto 80px auto;
}

body[class*="paged"] .cat-intro {
display:none;
}

[class*="block-grid-"] {
display: block;
padding: 0;
margin: 0 -2.65% 30px;
width: 105.3%;
}
.wp-block-gallery {
margin:20px -1.2% !important;
}
.neg-top-margin-25 {
margin-top:-25px !important;
}

.large-block-grid-3.posts h4 {
font-weight:400;
text-transform:uppercase;
}
.button, button, .button-small {
background:transparent !important;
border:1px solid #ddd;
text-transform:uppercase;
font-weight:400;
color:#2b2a25 !important;
border-radius:0 !important;
}
.button:hover, button:hover, .button:active, button:active { 
border:1px solid #444;
background:transparent !important;
}
.fancybox-button:hover {
border:none !important;
}

figure { margin:0; }

.gallery-item a img { border:none !important; }
.gallery dl dt { margin:0; }
.gallery > .gallery-item { padding:0 10px; margin: 10px 0; }
/* .gallery-columns-3 > .gallery-item { padding:0 10px; margin: 10px 0; } */


/* shop */

.posts .card-image {
border:0;
overflow:hidden;
transition: all .3s ease-in-out;
}
.posts .card-image.sold:after, ol.slick-slider.SOLD:after {
display: inline-block;
position: absolute;
top: 0;
content: "sold";
background: #333;
color: #fff;
padding: 5px 10px;
font-weight: 600;
right: 15px;
top: 0;
text-transform: uppercase;
}
ol.slick-slider.SOLD:after { right:0; font-size:30px; padding:5px 20px; }
.posts .card-image img {
transition: all .3s ease-in-out;
}
.posts .card-image:hover {
opacity:1;
}
.posts .card-image:hover img {
transform: scale(1.1);
filter :brightness(.6);
}

.posts .card-image:hover:before {
content: "details/buy";
text-transform:uppercase;
font-size:13px;
position: absolute;
left: 50%;
transform: translate(-50%,0);
top: 30%;
z-index: 2;
pointer-events:none;
text-align: center;
border: 1px solid #fff;
display: inline-block;
padding: 10px 15px;
color: #fff;
}

.posts .card-text {
padding: 3% 0;
}

.tags {
margin: 15px 0 10px 0;
}
.tags a {
border: 1px solid #999;
padding: 7px 10px;
margin:0 5px 0 0;
color:#333;
font-size:13px;
text-transform:uppercase;
}
.tags a:hover {
border:1px solid #444;
text-decoration:none;
}

.wp_cart_button_wrapper input {
padding: 8px 16px;
text-transform: uppercase;
font-size: 13px;
border: 1px solid #333;
}
.wp_cart_button_wrapper {
margin:0 0 10px 0;
}
.wpsps-cart-wrapper {
margin-top:30px;
}
.wpsps_compact_cart:before {
content: "Your Shopping Cart";
padding-left:15px;
}
.wpsps_compact_cart {
background:#f8f8f8;
border:1px solid #eee;
}

.has-tip {
font-weight:300;
font-size:90%;
}
.tooltip {
margin-top:-40px;
}

.single #content #inner-content {
padding-top:0;
}
.single .large-12.medium-12.columns:not(.footer-meta) {
margin: 0 -2.65%;
width: 105.3%;
}
.button.buynow { border-color:#999; }
.button.buynow:hover { border-color:#000; color:#000; }

/* soliloquy product gallery */
.product-gallery .soliloquy-item.soliloquy-image-slide {
 height:auto !important;
min-height:0 !important;
/*max-height:0 !important; */
}

.soliloquy-container .soliloquy-pager {
display:block !important;
}

.fancybox-can-swipe #buyenquire.fancybox-content {
width:60%;
}

#gform_1 label { display:none; }
.gform_wrapper #gform_1 input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), 
.gform_wrapper #gform_1 .top_label li.gfield.gf_right_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker), 
.gform_wrapper #gform_1 .top_label li.gfield.gf_left_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker) { margin:0 !important; }
.gform_confirmation_message {
background: #fff;
color: #333;
font-size: 20px;
}

.search-results #title-bar, .search-no-results #title-bar, .error404 #title-bar {
display:none;
}



/* -------------------------------------------------- */

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

	.logo-left-menu-right li.name h1 a {
	margin-left:40px;
	}

}

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

	#inner-footer .columns.footer-meta {
	padding:20px 0;
	}
	
}

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

	.logo-left-menu-right .top-bar {
	padding-right:2%;
	padding-left:2%;
	}
	.logo-left-menu-right ul#main-nav {
	right:5%;
	}
	.columns-stripe .row {
	padding-right:4%;
	padding-left:4%;
	}

}


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

	#main.columns {
	padding:20px 0 0 0 !important;
	}
	
	#title-bar { margin-bottom:0; }
	.cat-intro { margin:20px auto 40px auto; }
	
	.single .large-12.medium-12.columns {
	width:100%;
	margin:0;
	}
	
	.columns-stripe + .columns-stripe { padding:40px 0; }
	
	h3.speaker-type-subheading {
	text-align:center;
	}
	
	ul.posts.speakers {
	margin:0 auto 60px !important;
	}
	
	ul.posts.speakers li {
	margin:0 auto 20px !important;
	max-width:400px !important;
	}
	
	.single-speaker .type-speaker .columns-stripe .row {
	max-width:483px;
	}
	
	.single-speaker .speaker-meta {
	padding: 5% 0;
	}
	
	.single-speaker .speaker-meta {
	text-align:center;
	}
	.fancybox-can-swipe #buyenquire.fancybox-content {
	width:95%;
	}
	.fancybox-can-swipe .fancybox-button--close { display:none; }
	
	.home .soliloquy-container .soliloquy-wrap {
	width: 150% !important;
	margin-left: -25%;
	}
	
}

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


	.logo-left-menu-right li.name h1 a {
	width:180px;
	margin-left:20px;
	}
	.fancybox-content {
	padding:28px;
	}
	.gallery > .gallery-item { width:100% !important; padding:0; margin: 10px 0; }

	
}