/**
* Theme Name: Reflekt Child
* Description: This is a child theme of Reflekt.
* Author: <a href="">EMS</a>
* Template: reflekt
* Version: 2.0
*/

/* COLOUR 1 #00263e - navy
COLOUR 2 #ffee33 - yellow
COLOUR 3 #fff3ad - light yellow
COLOUR 4 #f2f2f2 - grey
COLOUR 5 #3870FF - light blue */

/*Colour 1 teal #159ac2 */
/*Colour 2 light blue  #88e3ff */


/*nav styling*/
a.custom-logo-link {max-width: 140px;}


.navbar-collapse {border-color: #fff !important;}

.topbar {padding-top: 5px; padding-bottom: 5px; width: 100%;}

#nav.hide-topbar .topbar { display: block !important;}

.topbarcol1 {color: #fff; font-weight: 600;}
.topbarcol1 a {color: #fff !important;}

#nav.header-short.navbar-default {top: -30px !important;}

#nav > div.container > div.navbar-header > button {background-color: #fff !important;}


/*main theme styling*/
h1, h2, h3, h4, h5, h6 {font-family: Arial, Helvetica, sans-serif !important;}

h1 {text-transform: uppercase; font-weight: 800 !important;}

p, body, a, li {font-family: Arial, Helvetica, sans-serif !important;}

p, body {color: #000 !important;}

button, input, select {font-family: Arial, Helvetica, sans-serif !important;}

.navbar li a {font-weight: 800 !important; text-transform: uppercase; color: #00263e !important; letter-spacing: 0.89px!important; font-size: 17px !important;}

.top-padding {height: 180px;}

.pageheader-inner h1 {font-family: Arial, Helvetica, sans-serif !important;
    font-weight: 600;
    text-transform: uppercase;
    color: #00263e!important;
    letter-spacing: -2px;
    line-height: 1.2em;
    margin: 0;
     }

.dropdown-menu li a {font-size: 14px !important; word-wrap: break-word !important; line-height: 2em;}

.grecaptcha-badge { 
    visibility: hidden;
}

.homeherotext {text-align: center; width: 70%; margin-left: 15%; margin-bottom: 80px;}

.topline, .subline {color: #fff; text-transform: uppercase;}

.hometextblock-header {margin-top: 80px;}

.currentcampaign {margin-top: 0px; margin-bottom: 80px; background-color: #ffee33; padding: 20px 10px 20px 10px;}

.currentcampaign h1, .currentcampaign h2 {margin-top: 0px; font-weight: 800;}

.vc_gitem-zone-mini {padding-left: 8px; padding-right: 8px;}

.vc_gitem-zone-mini h4 {font-weight: 800; color: #000;}

.vc_gitem-zone-mini p {font-size: 14px; color: #000;}

.vc_gitem-zone-mini a.vc_btn3, .vc_btn3-style-flat {background-color: #159ac2 !important; color: #fff !important; font-weight: 800; text-transform: uppercase; border: solid 2px; border-color: #159ac2 !important;}

.vc_btn3-style-flat:hover, .vc_gitem-zone-mini a.vc_btn3:hover {background-color: #fff !important; color: #159ac2 !important; border: solid 2px;}

.home-blog-hover h2 {font-weight: 800; color: #fff;}

.hometextblock-statements-l h2 {margin-top: 0px; font-size: 26px; font-weight: 600}

.hometextblock-statements-l a, .hometextblock-statements-r a {text-decoration: none; font-weight: 600;}

.hometextblock-statements-l a:hover, .hometextblock-statements-r a:hover {color: #3870FF !important; }

.hometextblock, .hometextblock-header {color: #000; margin-bottom: 40px;}

.vc_gitem-post-data-source-post_excerpt p {text-align: left !important;}



/*Popups*/
.newsletterpopup h2, .newsletterpopup a {font-weight: 800; font-size: 28px;}

.newsletterpopup a:hover {text-decoration: none; color: #3870FF !important;}

/*Resources Styling*/
.resource-blocks h1 {margin-top: 40px; margin-bottom: 20px;}

.resource-blocks h3 {font-weight: 600; margin-top: 40px; margin-bottom: 20px;}

.resource-blocks a {text-decoration: none;}

.resource-blocks i {padding-right: 8px;}

.resource-blocks a:hover {color: #3870FF !important;}




/*Blog styling*/
.wp-block-search__label {font-size: 30px; }

.wp-block-search__button:hover {color: #fff; background-color: #159ac2;}

.widget-area a {color: #159ac2 !important;}

.widget-area a:hover {color: #000 !important;}

.author a, a.read-more, .nav-previous a, .nav-next a, h2.entry-title a:hover {color: #159ac2 !important;}

a.read-more {font-weight: 600;}

.author a:hover, a.read-more:hover, .nav-previous a:hover, .nav-next a:hover, h2.entry-title a, .entry-meta, .entry-content, .entry-date {color: #159ac2 !important; font-family: Arial, Helvetica, sans-serif !important;}

h2.entry-title a {font-weight: 600;}

article {width: 80%; margin-left: 10% !important; margin-right: 10% !important;}

article.post, article.entry-content {text-align: left !important;}

article div.entry-content {width: 100% !important;}

article {margin-bottom: 120px !important;}

a.read-more {letter-spacing: 0px !important; text-decoration: none;}

h2.entry-title, h1.entry-title {  white-space:pre-wrap !important;
  word-break:break-word !important;}

.featured-image img {width: 100%;}

.comments-area {display: none;}

.cat-links a, .tags-links a {color: #159ac2 !important;}

.cat-links a:hover, .tags-links a:hover {color: #000 !important;}

.nav-previous, .nav-next {border: solid 2px #000 !important;}

.nav-previous:hover, .nav-next:hover {background-color: #159ac2 !important; border: solid 2px #000 !important;}

.nav-previous:hover .meta-nav, .nav-next:hover .meta-nav, .nav-previous:hover a, .nav-next:hover a {color: #000 !important;}

.btn-group {text-align: center; width: 40%; margin-left: 30%; margin-top: 20px;}

.btn-group button {margin-bottom: 10px !important; width: 200px;}

.article-credit {border: solid 1px; border-color: #00263e; padding: 10px; background-color: #ffee33 !important;}

.type-post a {text-decoration: none; color: #3870FF;}

.wpb_content_element {margin-bottom: 20px !important;}

.type-post h1, .type-post h2, .type-post h3, .type-post h4, .type-post h5, .type-post h6, .type-post p, .type-post body, .type-post b, .type-post strong, .type-post em {color: #00263e !important;}

.type-post h1, .type-post h2, .type-post h3, .type-post h4, .type-post h5, .type-post h6, .type-post b, .type-post strong {font-weight: 600;}

.type-post a:hover {color: #00263e;}

.article-credit p, .article-credit a {font-size: 12px !important;}

.blog-img-caption p, .blog-img-caption {font-style: italic; font-size: 12px !important;}

.blog-quote {border-left: solid 4px !important; padding-left: 12px; border-color: #00263e; margin-top: 20px;}

.blog-quote p {font-size: 18px !important; font-style: italic; font-weight: 600; color: #00263e !important;}

.blog-references {margin-top: 80px;}

.blog-references strong {text-transform: uppercase;}

.blog-references a, .blog-references span {font-size: 12px !important;}

.blog-references p {margin-bottom: 12px; margin: 0 0 12px}

.blog-data-list ul li {margin-bottom: 12px;}

.blog-cta {margin-top: 20px; margin-bottom: 20px; border-bottom: solid 2px; border-top: solid 2px; padding-top: 20px;}

.blog-resources {margin-top: 20px; margin-bottom: 20px; border-bottom: solid 2px;}

.blog-resources strong {text-transform: uppercase; font-size: 18px;}

.blog-resources p {font-size: 18px !important;}

.blog-resources a {font-weight: 600;}

.blog-cta p {font-size: 22px !important; font-weight: 600;}


/*Find a retailer styling*/
#wpsl-search-input, .wpsl-dropdown {background-color: #fff; height: 35px; font-family:  Arial, Helvetica, sans-serif !important;}

.wpsl-input, .wpsl-select-wrap, .wpsl-direction-wrap, #wpsl-category {color: #000; }


#wpsl-search-btn {width: 100px; text-transform: uppercase !important; height: 35px; border: solid 1px #000 !important; font-family:  Arial, Helvetica, sans-serif !important; font-weight: 600 !important; color: #000; box-shadow: none !important; letter-spacing: 0;}



/*Woocommerce styling*/
.woocommerce, .woocommerce-notices-wrapper {margin-top: 100px !important; font-family:  Arial, Helvetica, sans-serif !important;}

.woocommerce button.button, .shop_table, .woocommerce-input-wrapper textarea {font-family:  Arial, Helvetica, sans-serif !important;}

.woocommerce button.button  {height: 28px !important; padding: 0.4em 1em !important;}

#coupon_code {width: 120px !important;}

.woocommerce-form-coupon-toggle {display: none;}

#customer_details, .woocommerce-order {padding-top: 140px !important;}

.woocommerce-cart-form,  .type-product {margin-top: 140px !important;}

.woocommerce-notice, .woocommerce-order-overview, .woocommerce-order-details, .woocommerce-customer-details, .woocommerce-cart-form__cart-item, .woocommerce-cart-form__contents, .cart_totals {color: #000 !important;}

.wc-proceed-to-checkout,  .checkout-button {color: #000 !important;}

.woocommerce a.button.alt, button#place_order {background-color: #159ac2 !important; border: solid 2px;}

button#place_order {height: 36px !important;}

.woocommerce a.button.alt:hover, button#place_order:hover {background-color: #fff !important; color: #000 !important;}

.woocommerce ul.order_details {padding: 0;}

.woocommerce-order-overview  li{ margin-top: 20px;}

.woocommerce input, .woocommerce textarea {background: #fff;}

.woocommerce input[type="text"], .woocommerce input[type="email"], .woocommerce input[type="tel"], .woocommerce input[type="number"] {height: 28px !important; font-family:  Arial, Helvetica, sans-serif !important; font-size: 16px;}

.select2-container--default .select2-selection--single {border-radius: 0px;}

#order_review_heading, .woocommerce-checkout-review-order-table, .wc_payment_method {color: #000 !important;}

.woocommerce button {border-radius: 5px; background-color: #fff !important; border: solid 2px !important; border-color: #00263e !important; color: #00263e; width: 200px; font-size: 16px; color: #000 !important;}

.woocommerce button:hover {background-color: #159ac2 !important; color: #fff !important;}




/*Contact Form Styling*/
.formheader h2 {text-transform: uppercase; font-weight: 800; color: #000;}
.formheader {margin-top: 80px;}

.one_half,
.one_third {
    position: relative;
    margin-right: 4%;
    float: left;
        margin-bottom: 20px;
 
}
 
.one_half { width: 48%; }
.one_third { width: 30.66%; }
 
.last_column {
    margin-right: 0 !important;
    clear: right;
}
 
@media only screen and (max-width: 767px) {
    .one_half, .one_third {
        width: 100%;
        margin-right: 0;
    }
}

.cf7-contact-page, .mc-form {margin-bottom: 40px; padding: 30px; background-color: #159ac2; border: solid 2px !important; border-color: #000 !important;}

.mc-form input[type="text"], .mc-form input[type="email"] , .mc-form input[type="number"], .cf7-contact-page input, .cf7-contact-page textarea, .cf7-contact-page select {background-color: #fff; border: solid 2px !important; border-color: #00263e !important; font-family: Arial, Helvetica, sans-serif !important;}

.cf7-contact-page select {height: 50px; border-radius: 0px; padding-left: 12px; padding-right: 20px; width: 100%; -webkit-appearance: none;
  appearance: none; margin-top: 10px; margin-bottom: 15px; font-family: Arial, Helvetica, sans-serif !important;}

.cf7-contact-page submit {font-family: Arial, Helvetica, sans-serif !important;}

.select-wrapper {
  position: relative;
}

.select-wrapper::after {
  content: "▼";
  font-size: 1rem;
  top: 28px;
  right: 10px;
  position: absolute;
}

.mc-form input[type="text"], .mc-form input[type="email"] , .mc-form input[type="number"] {
	width: 100%;
} 

.mc-form input[type="submit"], .mc-form button {font-family: Arial, Helvetica, sans-serif !important;}

.mc-form p
{width: 90%; margin-left: 5%; margin-right: 5%; font-size: 16px !important;}

.mc-form label {font-size: 16px !important;}

.mc-form select {margin-left: 10px; width: 100px;}

.cf7-contact-page p {font-weight: 600; margin-bottom: 8px;}

.wpcf7-form-control-wrap.your-area span, .wpcf7-form-control-wrap.your-sport span { background-color: rgba(255, 255, 255, 0); border: none;}

.wpcf7-list-item {height: 30px;}

.cf7-contact-page .wpcf7-validates-as-required {margin-bottom: 10px; background-color: #fff; border: solid 1px; border-color: #00263e !important; color: #000; font-family: Arial, Helvetica, sans-serif !important;}

.wpcf7-form ::placeholder, .mc-form ::placeholder, .wpcf7-form select {color: #00263e; font-size: 16px;}

.wpcf7-response-output, .wpcf7-mail-sent-ok, .wpcf7-response-output .wpcf7-display-none .wpcf7-mail-sent-ok {margin-top: 40px; border: 2px solid #00263e !important; background-color: #00263e !important; padding-top: 10px !important; padding-bottom: 10px !important; color: #fff !important;}

.cf7-contact-page .wpcf7-submit, .mc-form input[type="submit"] {border-radius: 5px; background-color: #fff; border: solid 2px; border-color: #00263e; color: #00263e; width: 200px; font-size: 16px;}

.wpcf7-submit:hover, .mc-form input[type="submit"]:hover {background-color: #159ac2; color: #fff;}

.mailchimpbox {margin-bottom: 60px; width: 100%;}

.mclabel {width: 90%; float: right; position: relative; color: #fff;}

.mcbox {width: 10%; float: left; }

.wpcf7-form input:focus, .wpcf7-form textarea:focus, .wpcf7-form-control-wrap:focus, .wpcf7-form select:focus {border-color: #000 !important; border-radius: 0px !important; outline: none !important;}

.wpcf7-response-output, .wpcf7-mail-sent-ok, .wpcf7-response-output .wpcf7-display-none .wpcf7-mail-sent-ok {font-family: Arial, Helvetica, sans-serif !important;}

.wpcf7-not-valid-tip {color: #373d41 !important; font-family: Arial, Helvetica, sans-serif !important;}

/*Footer styling*/
.footerblock1 {}
.footerblock1-logo {max-width: 200px;}
.footerblock1-socials {margin-top: 20px;}

ul.footer-socials {}
.footer-socials i {font-size: 28px; color: #000; margin-right: 16px;}

.footer-socials i:hover {color: #159ac2;}

.web-credit {text-transform: uppercase; color: #fff !important; font-weight: 600;}

#menu-footer li a {text-transform: uppercase; color: #000; font-weight: 600;}

.web-credit {font-size: 12px; margin-top: 20px;}

.web-credit a {color: #fff; text-decoration: none;}

.web-credit a:hover, #menu-footer li a:hover {color: #159ac2 !important;}

.menu-footer-container li a:hover {color: #3870FF !important;}

.site-footer ul li {margin-bottom: 12px;}

.copyright {background-color: #159ac2; font-weight: 600;}

.copyright p {color: #fff !important; text-transform: uppercase;}




/*Responsive*/
@media only screen and (max-width: 519px) {
		.homeherotext {width: 70%; margin-left: 15%;}
	.topline {font-size: 24px; margin-top: 55vh;}
.subline {font-size: 16px;}
	
	.title-nobreak {display: none;}
	
	.navbar-header {background-color: #fff; padding-bottom: 10px;}
	
		.pageheader-inner h1 {font-size: 36px !important;}
	
	.toc-img {width: 150% !important; 	margin-left: -10% !important;}

	
}

@media only screen and (min-width: 520px) {.title-break {display: none;
	
	}
}

@media only screen and (min-width: 520px) and (max-width: 767px) {
	.homeherotext {width: 60%; margin-left: 20%;}
	.topline {font-size: 32px; margin-top: 60vh;}
.subline {font-size: 24px;}
	

}

@media only screen and (max-width: 767px) {
	.desktop-only {display: none !important;}
	
.currentcampaign-left {margin-bottom: 40px;}
	
	.mailchimpbox {width: 100%;}
	
	.wpcf7-form-control-wrap.your-area span, .wpcf7-form-control-wrap.your-sport span {width: 100%;}
	
	h2.entry-title {font-size: 20px !important; line-height: 1.2em !important;}
	
	.pageheader-inner h1 {font-size: 42px !important;}
	
	/*home page hero*/
	.fullwidthhero {background-image: linear-gradient(to bottom, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0.4)), url("http://dev.siaaustralia.com.au/wp-content/uploads/2022/05/hotham.jpg") !important; background-position: right top;}
	
	.homeherologo {width: 100%; margin-top: 35vh; margin-left: 5%}
	
	.fullwidthhero {min-height: 88vh; width: 100%; background-position: center;
  background-repeat: no-repeat;
  background-size: cover;}
	
	.topline {font-weight: 800; margin-top: 45vh;}

.subline {margin-top: 10vh;}
	
	
#nav.header-short .custom-logo {margin-top: 0px !important; margin-bottom: 0px !important; }
	
/* 	.custom-logo {width: 120px;} */
	.custom-logo-link {padding-top: 10px; max-width: 120px;}
	
	#nav.header-short .navbar-toggle {margin-top: 18px;}
	
	.dk-speakout-petition-wrap {width: 100%;}
	
	.dk-speakout-twitter {margin-left: 0px !important; margin-top: 10px !important;}
	
}

@media only screen and (min-width: 768px) {
	.mobile-only {display: none !important;}
	
	/*home page hero*/
	.fullwidthhero {
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0.35)), url("http://dev.siaaustralia.com.au/wp-content/uploads/2022/05/hotham.jpg") !important;}
	
	.fullwidthhero {min-height: 100vh; width: 100%; background-position: center;
  background-repeat: no-repeat;
  background-size: cover;}
	
		.topline {font-weight: 800; margin-top: 50vh; font-size: 52px;}

.subline {margin-top: 10vh; font-size: 28px;}
	
	
	
#nav.header-short .custom-logo {margin-top: 0px !important; margin-bottom: 10px !important;}
	
		.wpcf7-form-control-wrap.your-area span, .wpcf7-form-control-wrap.your-sport span {width: 30%;}
	
		.mailchimpbox {width: 50%;}
	
	.pageheader {padding-bottom: 60px;}
	
	.pageheader-inner h1 {font-size: 60px;}
	
}

@media only screen and (min-width: 1300px) {
	/*site container margins*/
	.container { 
	width: 90% !important;
	margin-left: 5%; margin-right: 5%;}
		
	.vc_gitem-zone-b .vc_icon_element-color-white {margin-top: 3vh;}

.home-blog-hover {margin-top: 3vh;}
}

@media only screen and (min-width: 1300px) {
	/*site container margins*/
	.container { 
	width: 90% !important;
	margin-left: 5%; margin-right: 5%;}
	
	.vc_gitem-zone-b .vc_icon_element-color-white {margin-top: 3vh;}

.home-blog-hover {margin-top: 3vh;}
}

@media only screen and (min-width: 1300px) and (max-width: 1440px) {
			/*home page blog grid*/
	.vc_gitem-zone-mini .vc_gitem-col-align- {height: 40vh;}
}

@media only screen and (min-width: 1441px) {
			/*home page blog grid*/
	.vc_gitem-zone-mini .vc_gitem-col-align- {height: 33vh !important;}
}


@media only screen and (min-width: 1024px) and (max-width: 1299px) {
	
		/*home page blog grid*/
	.vc_gitem-zone-mini .vc_gitem-col-align- {height: 50vh;}
	
	.vc_gitem-zone-b .vc_icon_element-color-white {margin-top: 15vh;}

.home-blog-hover {margin-top: 25vh;}
	
	.home-blog-hover h2 {font-size: 22px;}
	
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.custom-logo-link {padding-top: 10px; padding-left: 10px;}
	
	.homeherologo {width: 90%; margin-top: 40vh; margin-left: 5%; margin-right: 5%;}
	
	#nav > div.container, #nav > div.topbar > div {width: 100%;}
	
	/*home page blog grid*/
	.vc_gitem-zone-mini .vc_gitem-col-align- {height: 60vh;}
	
	.vc_gitem-zone-b .vc_icon_element-color-white {margin-top: 25vh;}
	
		.dk-speakout-petition-wrap {width: 80%;}

}


@media only screen and (max-width: 1023px) {
	.navbar-header {background: #fff; padding-bottom: 10px;}
	
	.navbar-default .navbar-nav {margin-top: 0px !important;}
	
	/*home page blog grid*/
	.home-blog-hover {display: none;}
	
	.mc-form {width: 100%;}
}

@media only screen and (min-width: 1024px) {
	.custom-logo-link {padding-top: 20px;}
	
	.homeherologo {width: 70%; margin-top: 40vh; margin-left: 15%; margin-right: 15%;}
	
		.dropdown-menu li a {width: 200px !important;}
	
	#nav.header-short.navbar-default .navbar-nav {margin-top: 10px !important;}
	
	.mc-form {width: 50%;}
	
	.toc-img img {width: 80%; margin-left: 10%; margin-right: 10%;}
	
		.dk-speakout-petition-wrap {width: 60%;}
	
}