/* Add the social icons to the Top Bar */

h1, h2{
	text-transform: uppercase !important;
}

header.masthead .x-topbar{
  background:#222 !important;
  background:linear-gradient(#333 0%, #111 100%) !important;
  border-bottom: 0 none;
  min-height: 40px;
}

header.masthead .x-topbar .x-social-global {
    margin-bottom: 0;
    margin-top: 0;
}

header.masthead .x-topbar .x-social-global a{
  background:none;
  margin-right: 0px !important;
  padding:7px !important;
  font-size:24px;
}


header.masthead .x-topbar .x-social-global a i{
  display: block !important;
  color: #69a3d1;
}

header.masthead .x-topbar a:hover i,
header.masthead .x-topbar a:focus i{ color:#95ccfb; }


header.masthead .x-topbar p.p-info{
	float:right;
	margin-top:9px;
}

header.masthead .x-topbar p.p-info a{
	font-size:1em;
	border-bottom:0 none;
}

header.masthead .x-topbar p.p-info a i{
  display: inline !important;
  color: #fff;
}

header.masthead .x-topbar p.p-info a:hover i{
  color: #69ace5;
}




/* Make all Page headings UPPERCASE */

.heading-decorated-white{
	text-transform: uppercase;
}


/* Buttons have a weird changing-size on hover thing going on - this fixes it */

a.button.x-btn-block { margin:0; }





/* Styling of the Product Listing Pages */

.products .product-col h2.product-title {
		text-align:center;
		margin-bottom:1em;
	}

.products .product-col p.subtext {
		text-align:center;
    font-size: 24px;
    max-width: 600px;
    margin: 0 auto 1em;
    color: #035c86;
}


/* Fix the navigation bar on Mobile - Show the logo above and remove the "Home Logo" menu item from the menu*/

  .x-nav-wrap.mobile ul li.logo-main{
    display:none;
  }


@media (max-width:979px){
  
  
  body .x-logobar{
        background-color: #000 !important;
  }
  
  body .x-brand.img{
    display:inline-block !important;
    
  }
  
  body .x-brand.img img{
	  max-width:100px !important;
  }
  
  
  body header .x-btn-navbar, body header .x-btn-navbar.collapsed{
    top:0 !important;
  }
  
  body header .x-navbar-inner, body header .x-navbar-inner .x-container.max.width:nth-child(1){
    min-height:55px !important;
  }
  
}



/* Make the Main Nav Bar more responsive */

@media (min-width: 980px){
	
.x-navbar .desktop .x-nav > li.logo-main a::before {
	width:100%;
    background-repeat: no-repeat;
}

/*body header .x-navbar .desktop .x-nav > li {
    width: calc(100% / 9);
}*/

	
body header .x-navbar .desktop .x-nav > li:nth-child(1),
body header .x-navbar .desktop .x-nav > li:nth-child(2),
body header .x-navbar .desktop .x-nav > li:nth-child(3),
body header .x-navbar .desktop .x-nav > li:nth-child(4), 
body header .x-navbar .desktop .x-nav > li:nth-child(5)
	{
    width: calc(45% / 5);
}
	
body header .x-navbar .desktop .x-nav > li.logo-main {
    width: calc(100% / 10);
}


body header .x-navbar .desktop .x-nav > li:nth-child(7),
body header .x-navbar .desktop .x-nav > li:nth-child(8),
body header .x-navbar .desktop .x-nav > li:nth-child(9),
body header .x-navbar .desktop .x-nav > li:nth-child(10),
body header .x-navbar .desktop .x-nav > li:nth-child(11)	{
    width: calc(45% / 5);
}

}










/* Resize Footer Columns on Mobile to expand to full width */
  
@media (max-width:979px){
  
  footer .x-column.x-1-2 {
    width: 100% !important;
  }
}


/* Gravity Forms Tweaks - Fix the border-resizing-on-hover issue for the Submit button on the footer forms */

footer #gform_widget-3 h4.h-widget{
	text-align: center;
    margin-bottom: 30px;
    margin-top: 9px;
    text-transform: uppercase;
}

footer #gform_widget-3 h4.h-widget:before{
    content: '';
    display: inline-block;
    height: 4px;
    width: 40px;
    background: #ffffff;
    transform: rotate(8deg);
    position: relative;
    opacity:1;
    top: -18px;
    left: -8px;
}

footer #gform_widget-3 h4.h-widget:after{
    content: '';
    display: inline-block;
    height: 4px;
    width: 40px;
    background: #ffffff;
    transform: rotate(8deg);
    position: relative;
    opacity: 1;
    top: 2px;
    right: -8px;
}


footer input[type="submit"].gform_button{
	border: 1px solid transparent !important;
	font-size: 14px !important;
	padding:10px 30px !important;
}

html body footer .gform_wrapper input[type=text]{
  height:32px !important;
	font-size: 14px !important;
}

html body footer .gform_wrapper textarea.medium{
  font-size: 14px !important;
}


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

  footer input[type="submit"].gform_button{
	  font-size: 18px !important;
  }

  html body footer .gform_wrapper input[type=text]{

	  font-size: 16px !important;
  }

	.gform_wrapper textarea.medium {
  	  font-size:16px !important;
	    height: 121px !important;
	}

}

/* Restyle the Footer Elements */

footer.x-colophon .x-container.max.width{
	max-width:990px;
}


footer .location,
footer .phone,
footer .email {
    line-height: 1;
    position: relative;
    margin-bottom: 24px;
}
    
footer .location span,
footer .phone span,
footer .email span {
    font-size: 20px;
    display: inline-block;
}


footer .phone span,
footer .email span{
	position:relative;
	top:-15px;
}

footer .location .icon-location,
footer .phone .icon-phone,
footer .email .icon-email {
    width: 21px;
    height: 35px;
    margin: 0 10px;
    display: inline-block;
}

footer .location .icon-location::before,
footer .phone .icon-phone::before,
footer .email .icon-email::before {
	content: "";
	position: absolute;
    width: 21px;
    height: 35px;
    background-size:contain !important;
    background-position:center center;
    background-repeat: no-repeat;
    
}

footer .location .icon-location::before{

	background-image: url('https://surfingwasurfschool.com.au/wp-content/themes/x-child/img/footer_location_icon.png');

}

footer .phone .icon-phone::before {
	
	background-image: url('https://surfingwasurfschool.com.au/wp-content/themes/x-child/img/footer_phone_icon.png');

}

footer .email .icon-email {
    width: 30px;
    margin: 0 10px 0 5px;
}

footer .email .icon-email::before {
	width:30px;
	background-image: url('https://www.surfingwasurfschool.com.au/wp-content/uploads/2018/06/email-footer-icon-02.png');

}

footer .email span a{
	color:#fff;
}





.x-social-global {
    margin-bottom: 32px;
    text-align:center;
}
.x-social-global a {
    color: #ffffff;
    font-size: 15px;
    background: #6AA4CD;
    margin-right: 15px;
    border-radius: 50%;
}

.x-social-global a:hover,
.x-social-global a:focus{
	color: #fff;
} 

  
  .x-social-global a.instagram {
      padding: 10px 12px;
  }
  
  .x-social-global a.facebook {
      padding: 10px 14px;
  }
  
  .x-social-global a.vimeo {
      padding: 10px 10px;
  }
  
  .x-social-global a.google-plus {
      padding: 10px 8px;
  }
  .x-social-global a.tripadvisor {
      padding: 10px 9px;
  }


@media (min-width:481px){
  
  .x-social-global {
    text-align:left;
  }
  
  .x-social-global a {
    font-size: 25px;
  }
  
  .x-social-global a.instagram {
      padding: 10px 13px;
  }
  
  .x-social-global a.facebook {
      padding: 10px 16px;
  }
  
  .x-social-global a.vimeo {
      padding: 10px 10px;
  }
  
  .x-social-global a.google-plus {
      padding: 10px 7px;
  }
  .x-social-global a.tripadvisor {
      padding: 10px 7px;
  }

}




/* Team Member Profile Fixes */

.team-member{
	text-align:center;
}

.team-member .about-name{
	left:0;
	right:0;
}



@media (min-width:1200px){
	.swss-locations{
		float:right;
		max-width:600px;
	}
}


.col-md-12.location-block, 
.col-md-6.location-block,
.col-lg-6.location-block{
    padding: 10px 10px 1em;
    margin-bottom: 1em;
}


.location-status{
	font-size: 14px;
	text-transform:uppercase;
	font-weight:900;
	border-bottom: 1px solid rgba(106, 164, 205, 0.3);
	border-top: 1px solid rgba(106, 164, 205, 0.3);
    color: #6AA4CD;
    padding: 10px 0;
	
}

.location-status span.open{
	color:#3b9a3b;
}

.location-status span.closed{
	color:#bd3b3b;
}


.location-block.active .location-status, .location-block:hover .location-status{
	color:#fff;
}


/* Woocommerce Fixes */

.woocommerce-message{
	max-width:1200px;
	margin:0 auto 1.313em;
}

.ywgc-have-code {
    padding: 30px 15px !important;
}

.cart .product-remove a.remove{
	color: #e49797;
	font-size: 1.7em;
}

.cart .product-remove a.remove:hover{
	color: #ec3b3b !important;
}

/* Hide the PAY button on the Orders page */
td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions .woocommerce-button.pay {
    display: none;
    visibility: hidden;
}


/* Blog Styling Fixes */

.blog .x-header-landmark.x-container,
.archive .x-header-landmark.x-container{
  display: block;
  margin-top: 6em;
  margin-bottom: 6em;
}

.blog .has-post-thumbnail .entry-featured,
.archive .has-post-thumbnail .entry-featured{
	margin-bottom: 2em;
}

.single-post .masthead + .x-container{
  margin-top: 6em;
}

.x-sidebar{
  padding: 15px;
  background: #fafafa;
}