/*
Theme Name:         FoundationPress
Theme URI:          http://foundationpress.olefredrik.com
Github Theme URI:   https://github.com/olefredrik/FoundationPress
Description:        FoundationPress is a WordPress starter theme based on Foundation 5 by Zurb
Version:            5.4.6
Author:             Ole Fredrik Lie
Author URI:         http://olefredrik.com/

License:            MIT License
License URI:        http://www.opensource.org/licenses/mit-license.php
*/

/* ---------------------------------------------------------------------------- 
  
  Unfortunately WordPress will require a style.css file
  located in the theme's root folder for stuff to work.

  However, we will not be using vanilla CSS. We're using Sass.

  Sass is a superset of CSS that adds in amazing features
  such as variables, nested selectors and loops. It's also
  the easiest way to customize Foundation.

  All Sass files are located in the /scss folder.

  Please read the README.md file before getting started. More info on how
  to use Sass with Foundation can be found here:
  http://foundation.zurb.com/docs/sass.html

  If you for some reason would like to write plain css instead of using Sass,
  you could just enqueue this file (style.css) to the header and add your styles in this file

---------------------------------------------------------------------------- */
 body{color:#5d5e62; font-family:'Khand'; background-image: url("assets/img/images/WhyteMuseum-BG.jpg");}
h1, h2, h3, h4, h5, h6 { font-family:'Khand'; color: #fff;}
small {font-size: 75%; }
.shop-page, .shop-page h1, .shop-page h2, .shop-page h3, .shop-page h4, .shop-page h5, .shop-page h6, .default-page h1, .default-page h2, .default-page h3, .default-page h4, .default-page h5, .default-page h6, .cart_totals h2, .woocommerce-billing-fields h3, .woocommerce-billing-fields label, #order_review_heading, .woocommerce-shipping-fields h3, .woocommerce-shipping-fields label { font-family:'Khand'; color: #666;}
.pagecopy h1, .pagecopy h2, .pagecopy h3, .pagecopy h4, .pagecopy h5, .pagecopy h6 {color: #666;}
.icon{ text-align:center; margin-top:20px; background-repeat: no-repeat; margin-top: 4%;}

.list-title { font-family:'Khand'; color: #666666; font-size: 220%; text-align:center; letter-spacing:1px; margin-top:-20px; margin-bottom: 25px;}

.list-layout h2 { font-family:'Khand'; font-size:140%; letter-spacing:1px; color:#666666; }

.visit-layout h2, .tribe-events-list h2.tribe-events-page-title { font-family:'Khand'; font-size:140%; letter-spacing:1px; color:#666666; }
.tribe-events-list h1.tribe-events-page-title {color: #666; }
.paintstroke-1-title {background-image: url("assets/img/images/green-line-title.png"); background-repeat: no-repeat; height:8px; border:none; display: inline-block; min-width: 25%; background-position: center; padding-bottom:5%}
.paintstroke2 hr {background-image: url("assets/img/images/blue-line.png"); background-repeat: no-repeat; height:6px; border:none;}
.list-information p, .tribe-events-list .tribe-events-loop .tribe-events-content { font-family:'Lato'; font-size:85%; color:#666666; line-height:20px;}
.list-information2 p { font-family:'Lato'; font-style:italic; font-size:85%; color:#666666; line-height:20px;}
.txt-list p, ul { font-family:'Lato'; font-size:100%; color:#5d5e62; line-height:150%;}
.txt-visit p { font-family:'Lato'; font-size:100%; color:#5d5e62; line-height:140%; margin-top:-10px;}
.img-list{ margin-top:50px;}
.icons-visit{ margin-left:10px;}
.stroke hr { border:thin;}
.title-button{ font-family:'Khand'; font-size:100%;}
.headerimg img {min-width: 100%; }
.orbit-bullets {top: 0px; margin: 0px auto;}


/*------WHAT'S ON------ */
#todays-events li, #upcoming-events li{list-style:none;}
.today, .future-event{list-style:none;}
.whatson-list-icon{text-align: center; vertical-align: middle; line-height: 53px; }
.whatson-list-description h5 { font-family:'Khand'; font-size:115%;letter-spacing:1px; color: #66b04c; text-transform: uppercase; border-right: gray 2px solid; text-align: center;vertical-align: middle;line-height: 53px;}
.whatson-list-info p { font-family:'Roboto'; font-size:75%; color:#0082c4; margin-bottom:15px;}
.whatson-list-info2 p { font-family:'Roboto'; font-size:80%; color:#222; margin-top:-15px;}	
.whatson-list-layout h2 { font-family:'Khand'; font-size:140%; letter-spacing:1px; color:#666666;}
.schedule-date { padding:0; background: #43a023;}
.schedule-date2 { padding:0; background: #0082c4;}
.schedule-date p {font-family:'Khand'; font-size:80%; color:#FFFFFF;letter-spacing:1px;margin: 0.5rem 0px;}
.schedule-date2 p {font-family:'Khand'; font-size:80%; color:#FFFFFF; padding-top:5px; letter-spacing:1px;margin: .5rem 0px;}
.schedule-date3-icon {background:#cd5337; padding: 0px;}
.post-categories li {list-style:none;}
.post-categories li a {text-transform:uppercase;}

.tribe-events-day .tribe-events-day-time-slot h5 {background:none;}
.tribe-events-day .tribe-events-day-time-slot .whatson-list-description h5 {font-family:'Khand'; font-size:115%;letter-spacing:1px; color: #66b04c; text-transform: uppercase; border-right: gray 2px solid; text-align: center;vertical-align: middle;line-height: 53px;font-weight: normal;}
.whats-on-schedule li {margin-bottom: 15px;}
.vevent .summary {font-weight:normal}
.tribe-events-loop .tribe-events-event-meta {font-family: Lato; font-weight:normal; font-size: 100%;}
#tribe-events-header {margin-top: -30px;}
/*.tribe-events-list-separator-month,*/ .tribe-bar-disabled #tribe-events-bar, .single-tribe_events .tribe-events-event-meta {display: none; }
.single-tribe_events h2.tribe-events-single-event-title { font-family:'Khand'; letter-spacing:1px; color:#0082c4;}
.single-tribe_events .tribe-events-schedule h3 { color: #222; }
.single-tribe_events .tribe-events-event-image { width: 40%; float: left; margin: 0px 20px 20px 10px; }
.vcard {padding: 0px}
.tribe-events-list .tribe-events-loop .whatsoncat .tribe-events-content  { width: 60% }
.single-tribe_events .tribe-events-event-image {float: right; }
.eventdates {font-size: 140%; color: #666; }
.tribe-events-list-separator-month {font-size: 160%; background:none; border-bottom: solid thick #ddd; color: #66B04C; }


/*------WHAT'S ON------ */

/* SHOP --------------------- */
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images { width: 30%; }
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {float: left; margin-left: 10px; }
input[type="radio"] + label { margin-left: 1.5rem; }
.woocommerce-checkout #payment .payment_method_paypal .about_paypal {margin-left: 1rem; float:none; }
.shopsidebar, #sidebar2 {border: solid; margin-top: 50px; }
.woocommerce.widget_shopping_cart .cart_list  {text-align: center}

/*------ Info Template ------ */
.Titleinfo-template h2 { font-family:'Khand'; font-size:140%; color:#666666; text-align:center;}
.info-template h4 { font-family:'roboto'; font-size:70%; color:#666666; padding-left:5px; line-height:18px;}
.infodetail-template h5 { font-family:'roboto'; font-size:70%; color:#0082c4;text-align:center; margin-top:-13px;}
.Titleinfo2-template h2 { font-family:'Khand'; font-size:100%; color:#0082c4; padding-left:5px; margin-top:20px;}
.Titleinfo3-template h3 { font-family:'Khand'; font-size:120%; color:#666666; padding-left:5px; margin-top:0px; }
.Title2-template p { font-family:'roboto'; font-size:90%; color:#0082c4; padding-left:5px; margin-bottom:1px;}
/*------ Info Template ------ */

/*------ Button details ------ */
.button.small {
  padding-top:0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  margin:9px;
  padding:5px;
  
  font-size: 0.8125rem;
}

.button:hover {
  background-color: #0099FF;}

/*------ Button details ------ */

.khand{font-family: 'Khand', sans-serif;}
.roboto{font-family: 'Roboto', sans-serif;}
.lato{font-family: 'Lato', sans-serif;}
.italic{font-style:italic}
.bold{font-weight:}
.light{color:#666}
.dark{color:#414141}
.blue{color:#0082c4}
.small-text{font-size:0.7rem}
.tiny-text{font-size:0.5rem}
.medium-text{font-size:2rem}
.large-text{font-size:4rem}
.top-bar-menu{width:100% !important;}
.contain-to-grid{background:#0082c4 !important;margin:0 !important; float:left;}
.top-bar-menu, .top-bar {background: none;}
.top-bar-section .secondary-nav ul {position: relative; right: 2%;}
.top-bar-section ul li, .top-bar-section ul li a{background:#0082c4;}
.top-bar-section .has-dropdown > a::after {display: none;}
.top-bar-section > ul > .divider {max-height: 20px; position:relative; top: 15px;}
.top-bar-section ul li {float: right !important;}
.top-bar-section li:not(.has-form) a:not(.button) {background: #0082c4; padding: 30px 15px; font-family: 'Khand'}
.top-bar-section li:not(.has-form) a:hover:not(.button), .top-bar-section .dropdown li:not(.has-form) a:hover:not(.button) {background:#66B04C;}
.top-bar-section li.active:not(.has-form) a:not(.button), .navbutton  {background:none;border: thin #fff solid}
.navbutton, .navbutton:hover, footer a:visited, .support-section a, .support-section a:hover, .support-section a:active, .support-section a:visited {color: #fff; padding: 5%;}
.schedule-block a {color: #fff;}
footer .small-text { padding-top: 3.5%;}
.top-bar-section li.active:not(.has-form) a:not(.button) { padding: 30px 15px;} 
.top-bar-section .dropdown li { padding-top: 5px; padding-bottom: 5px;}
.top-bar-section .dropdown { z-index: 999; }
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {background:none;}
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:hover:not(.button) {background: #66B04C;}
.top-bar-section { position: absolute; top: 0px; right: 0px }
.top-bar-menu .left { position: relative; top: 10px; right: }
.top-bar .name {margin-top: -3%;}
.top-bar .name h1 { line-height:2.8125rem; position: relative;
    z-index: 9998; }
.top-bar .title-area {max-width: 35%}
/*.top-bar .name h1 a { min-width: 450px;}*/
.top-bar-section ul li > a {font-size: 1rem;}
#menu-lower-menu { position: relative; top: 35px;}
#menu-lower-menu li a { font-size: 120%; padding: 20px 30px; }
#menu-lower-menu li:first-child {padding-right: 0px;}
.left .divider, .right .divider {display:none}
.slide-info{display:none}
.slide-info:first-child{display:block}
.divider:first-child{display:none}
.divider{border-right:solid 1px #fff !important;}
.lower{padding: 0;}
.top-bar{height: 165px; padding: 1% 0;}
.menu-container{padding:0 5%}
.top-bar section{float:right}
.upper .top-bar-section ul li>a, .section-heading, .section-text, .section-post{color:#565656 !important;}
.lower .top-bar-section ul li>a{color:#fff !important;}
.lower{margin: 12% 0 0 0 !important;}
.menu-container{float:left}
.menu-container .column{padding:0}
.menu-container .donate.column, .menu-container .search.column{text-align:center; font-size:0.6rem;}
.menu-container .donate.column{padding: 1% 0;}
.donate a{background:#ce4f2e !important; color:#FFFFFF; font-weight: bold; padding: 10px;}
.search form{margin:8px 10px 0; height:20px}
#searchform { width: 15%; position: absolute; top: 20%; left: 44%;}
.search input{height:1rem !important}
.prefix{background:url(assets/img/icons/search.png) no-repeat 90% 100%; background-color: #fff !important}
.page_content, .slider_container, .slider_container .columns{padding:0px !important; }
.orbit-container .orbit-slides-container img {min-width:100%}
.orbit-container {
    overflow: visible !important;
}
.orbit-slides-container {
    overflow: hidden !important;    
}
.orbit-container .orbit-prev {
    margin-left: -50px;
}
.orbit-container .orbit-next {
    margin-right: -50px;
}
.orbit-container .orbit-prev, .orbit-container .orbit-next { top: 200px; }
.orbit-container .orbit-next > span { border-color: transparent transparent transparent #222; }
.orbit-container .orbit-prev > span { border-color: transparent #222 transparent transparent ; }
.slider_container {background-color: none;}
.slider_information.columns{
background:none; 
padding: 2% !important;
position: absolute;
z-index: 555;
top: 65px;}
.slider_information.columns .slider-text-placement-right {
right: -50%;
position: relative;
text-align: right;
}

input{border:none !important; box-shadow:none}
/*form{border:solid 1px #0082c4}
/*[class*="block-grid-"]>li{padding:0}*/
.label, label {background: none; font-family: "Khand"; font-size: 130%; color: #66B04C; padding-left: 0px;}
table { background: none; border: none;}
.variations_form input[type="number"], .variations_form input[type="text"] {width: 100%;}
.single_add_to_cart_button, .woocommerce a.button.alt, .woocommerce input.button.alt {background-color: #66B04C !important; padding: 10px !important; color: #fff !important;}
[class*="block-grid-"]{margin:0}
.slide-info{color:#fff; height:75%}

.slide-title h3, .slide-sub h4 {font-family: 'Khand'; color: #fff;text-shadow: 2px 2px 4px #000000;}
.slide-title h3 {font-size: 300%;}
/*.slide-sub p{font-size: 0.5rem;}
.slide-content p{font-size: 0.8rem;}*/

button, .button {
  border-style: solid;
  border-width: 0px;
  cursor: pointer;
  font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
  font-weight: normal;
  line-height: normal;
  margin: 0 0 1.25rem;
  position: relative;
  text-decoration: none;
  text-align: center;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  display: inline-block;
  padding-top: 0.25rem;
  padding-right: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.25rem;
  background-color: #fff;
  border-color: #007295;
  color: #797979;
  transition: background-color 300ms ease-out;
}

button .column{padding:1px}
.thumb-title{background-color: #fff; color:#0082c4; padding:5px 10px}

.section-columns{padding-bottom:1%}
.museum-feature h3, .museum-feature h4 { color: #777; }
.visit{background:url(assets/img/images/visit-back.jpg) no-repeat; padding-top:15%; padding-bottom:15%; margin:5% 0; text-align:center; font-size: 300%; line-height:48px; background-size: cover;}
.whats-on{background:url(assets/img/images/whats-on-back.jpg) no-repeat; padding-top:15%; padding-bottom:15%; margin:5% 0; text-align:center; font-size: 300%; line-height:48px; background-size: cover;}
.calendar h2 img {display: none; }
.details .mc-image  {max-width: 50%; float: right; margin-left: 5px;}
.mc-main .details ul { margin: 5px 15px 10px 0px; }
.single-event .event-title {padding-left: 1.5%; }
.mc-main .time-block p {background: none;}
.research{background:url(assets/img/images/research-back.jpg) no-repeat; padding-top:15%; padding-bottom:15%; margin:5% 0; text-align:center; font-size: 300%; line-height:48px; background-size: cover;}
.section-heading{text-align:center}
.opening-times{}
.visit-notes{font-size:0.8rem; color:#414141}
.directions{padding-top:5%; padding-bottom:3%;}
.shop-section{background-color: #5D5E62; padding:1% 0}
.support-section{padding:8% 0; background-repeat:no-repeat; background-size: cover;}
.cart_totals {width: 35%; float: right; }
.cartform { width: 55%; float: left; }
.woocommerce form .form-row label.checkbox, .woocommerce-page form .form-row label.checkbox {line-height:0.5;}
.support-section, .support-section p{color:#FFFFFF}
.support-section .small-5 {padding-top: 3%;}
.shop-title{font-size: 4rem; color: #e4bf2c;}
.shop-slider {text-align:center; margin-top:60px;}
.slick-prev {
  background:url(assets/img/images/slide-arrow-left.png) no-repeat;
}
.slick-next{
  background:url(assets/img/images/slide-arrow-right.png) no-repeat;
}
.slick-slide {padding: 10px; }
.clearing-close {font-size: 60px; }
.clearing-blackout { z-index: 10000; }
.contact{padding-top:3%;}
.flexslider {background:none; border: none;}
.flexslider ul li h3{ color: #666;}
.flex-direction-nav a {overflow:visible;}
.slides > li:nth-child(n+2) {padding-left: 8px;} 
.visible-img img {background: white; padding: 5px; top:45%; max-height: 90%; }
.clearing-caption {background:none;}
.clearing-container { padding-top: 10px; padding-bottom: 10px; }
[class*="block-grid-"] > li, .viewmoreimages {padding: 0px 0.625rem 0px;}
button:hover, button:focus, .button:hover, .button:focus{
	background-color: #0082c4;
}
.section-post{padding-top:2%; padding-bottom:2%; line-height:1.3}
.research-item{padding-top:1%;}
.product-desc{text-align:center; padding:5% 0; color: #fff;}
.product-image img{margin:auto;}
.product-image{border-right:1px solid #484848}
.links li{color:#e4bf2c; padding: 5% 0;}
.links span{color:#fff}
.left-border{border-left:solid 1px #c7c7c7}
.pagebottom {clear:both;}
.footer{ font-family:'lato', sans-serif; font-size:14px; color: #fff;background-color:#0082c4; padding:1% 1%;}
.padded{padding:0.5% 0}
.sign-up{float: right;}
.widget_sp_image {max-width: 49.5%; }
.blog h1, .blog h2, .blog h3, .blog h4, .blog h5, .blog h6, .single-event .event-title {color: #666;}
.blog .large-7 footer a { color: #008CBA; }
#sidebar p {margin-bottom: 0px; }

/* DETAILS TEMPLATE */
#detailtext-204 p:nth-child(n+4), #detailtext-203 p:nth-child(n+4), #detailtext-202 p:nth-child(n+4) {display:none;}

.tab-bar {height: 4.813rem;}
.left-small, .tab-bar .menu-icon {height: 4.813rem;}
.tab-bar-section {text-align:left;}
.tab-bar { background: #0082c4 }

.move-right .exit-off-canvas {z-index: -1; }
.left-off-canvas-menu { background:#666;}

@media only screen and (min-width: 40.063em){
.contain-to-grid .top-bar {
  max-width: 100% !important;
  margin: 0 auto;
  margin-bottom: 0;
}
.upper .top-bar-section li:not(.has-form) a:not(.button){
	padding:0 0 0 15px !important;
	font-size:0.6rem
}

.lower .top-bar-section li:not(.has-form) a:not(.button){
	padding:0 0 0 30px !important;
	font-size:1rem
}
.top-bar-section>ul>[role="separator"], .top-bar-section li:not(.has-form) a:not(.button){
	line-height:15px !important;
}

p {
  font-family:'Lato';
  color:#5d5e62;
  line-height: 160%;
  margin-bottom: 1.25rem;
  text-rendering: optimizeLegibility;
}

.img-list p {
line-height: 90%
}


.woocommerce button.button{
font-family:'lato';
font-size:90%;
padding:2px;
}

.woocommerce div.product p.price, .woocommerce div.product span.price {
  color: #0082C4;
  font-size: 150%;
  font-family:'lato';
}

.price span {
  color: #0082C4;
  font-family: 'Khand';
  font-size: 150%;
}


}

@media only screen and (min-width: 64.063em) {
.footer { position: inherit; bottom: 0; z-index: 5; }

}


@media only screen and (max-width: 64em){

	.slider_information.columns{
	background:#666666; 
	position: inherit;
	top: 0;
	}

.slider_information.columns .slider-text-placement-right {
position: inherit;
right: auto;
}

.paintstroke-1-title { display: none }

.top-bar .title-area {
    position: absolute;
    margin-bottom: 20px;
    top: 0px;
    left: 35%;
    z-index: 555;
    clear: both
	}
.top-bar-section { top: 55px; }
.container {margin-top: -31px; }

.cartform { width: 100%; }
.cart_totals {float: none; width: 100%;}



@media only screen and (max-width: 58em){
#menu-lower-menu { position; relative; top: 0px; }

.top-bar .title-area {
    position: absolute;
    margin-bottom: 20px;
    top: 0px;
    left: 35%;
    z-index: 555;
    clear: both
	}
.top-bar-section { top: 55px; }

.tab-bar { background: #0082c4 }

.move-right .exit-off-canvas {z-index: -1; }
.left-off-canvas-menu { background:#666;}
}

/* Mobile-specific Styles*/
@media only screen and (max-width: 40em){

.footer {position: inherit;}
.pagebottom {display: none}
.container {margin-top: -31px; }
.list-title {margin-top: 0px; }
.tribe-events-day .tribe-events-day-time-slot .whatson-list-description h5 { border: none; }
.slick-prev {
    left: -10px;
}
.slick-next {
    right: -10px;
}

.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images { width: 100%;
}

}