/*
Theme Name: Ferroni
Author: OLG Multimedia
Author URI: https://olg.com.au
Theme URI: https://siteorigin.com/theme/north
Description: Custom Theme for Ferroni
Version: 1.0.0
Template: siteorigin-north
Text Domain: siteorigin-north
*/

/* =Theme customization starts here

/* MAIN COLOURS VALUES
----------------------
gold: #d6a85c or rgba(214, 168, 92, 1)
Brown: #241e17 or rgba(36, 30, 23, 1)
Dark Brown: #1a1714 or rgba(26, 23, 20, 1)
----------------------
*/

/*===================
	IMPORTED FROM SiteOrigin CUSTOM CSS
===================== */
/*
USE AFTER RE-INSTALL:
.main-navigation ul > li a, .main-navigation ul>li a {
  padding-right: 10px;
  padding-left: 10px;
}

DON'T USE:
.page-layout-menu-overlap #masthead {
 background: transparent;
}

.main-navigation ul a {
  font-weight: 600;
  color: #292929;
}
*/
/*===================
	GLOBAL STYLES
===================== */
.nocomments {display: none;}

/*body {background: #d7aa60;}/*set the whole page background color*/
div#content {background: #f6f6f6;}/*set the background color for content excluding the header and footer*/

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);

@import url('fonts/geometrica.css');
@import url('fonts/geometrica_bold.css');
@import url('fonts/geometrica_black.css');

h1, h2, h3.widget-title {font-family: "Lato", sans-serif; font-weight: 700!important; text-transform: uppercase; letter-spacing: 2px; font-size: 24px; line-height: 22px;}
h1, h2, h3, h4, h5, h6 {color:#444;}
.widget h1 {font-family: "Lato";}
.smallH2 {font-size: 14px;}
h4, h5, h6 {font-size: 22px; font-weight: 300!important;}
h3 {font-size: 32px; line-height: 44px; font-weight: 300!important;}

/*===================
	HEADER
===================== */
#masthead { background: rgb(210, 164, 90);}
.page-layout-menu-overlap #masthead {background: rgba(26, 23, 20, 0.55); border-bottom: transparent;}/* change header color */
#masthead.site-header.layout-default.sticky-menu {transition: background .4s ease-in-out;}
#masthead.site-header.layout-default.sticky-menu.floating {background: rgba(26, 23, 20, 0.95);}/* change header color when sticky*/

/*===================
	NAVIGATION
===================== */
.main-navigation {font-family: "Lato";
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 12px;
    line-height: 16.8px;
    font-weight: 400;
    }
/*.main-navigation ul a {color: #FFFFFF;}*/
.main-navigation ul>li a,
.main-navigation ul > li a {padding-left: 20px; padding-right: 20px;}
.main-navigation .menu > li.current-menu-item > a:hover {color: #d6a85c;}

/*===================
	PAGE BUILDER
===================== */
.pbnobottommargin {margin-bottom: 0!important;}
.pbnotopmargin {margin-bottom: 0!important;}
.pbnomargin {margin-bottom: 0!important;}
.pbhide, .pbhidden { display: none!important;}
.pbnotitle h3.widget-title, .pbnotitle h3.widget-title, .pbcellnotitle h3.widget-title { display: none;}
.pbcellcentertitle h3.widget-title {text-align: center;}
.pbcellnotitle div { padding-top: 10px;}

/*.panel-row-style {background: #f6f6f6;} change all rows background */

blockquote {line-height: 40px!important; font-size: 22px!important; font-weight: 700!important;}
.pbondark {background:#1a1714;}
.pbondark blockquote {color:#ffffff;}
.pbondark h1 {color:#d6a85c;}
/* background: url(http://ferroni18.olivierlegoff.com.au/wp-content/uploads/2017/10/hospitality02.jpg) 0px -972.462px / cover rgba(0, 0, 0, 0.4);
    background-blend-mode: multiply; */
/*.pbondark:after {
    content: ""; background-color: #1b4b7e; opacity: 0.8;
    top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1;
}*/
/* *** SPECIAL STYLES *** */
.pbcolumns .pbcolumnwhitebgd {background: #ffffff; padding: 30px;}/*white bgd for widgets in the ABOUT row */
#pbcontactdetails a {text-decoration: none;}
/* add color overlay on a row with background image */
.pboverlay {
	position: relative; /* This prevents the issue you were having on mobile */
}
.pboverlay:after {
	content: "";
	background-color: rgba(26,23,20,0.6);
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.pboverlay > .panel-grid-cell { z-index: 2;}
/*===================
	WIDGETS
===================== */
/* SO LAYOUT SLIDER */
.so-widget-sow-layout-slider .sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper {padding:20% 20px!important;}
#pbrowslidetext, .pbrowslidetext {background: rgba(0, 0, 0, 0.4); padding: 20 0;}
.pbrowslidetext.pbfirstslide {background: rgba(0, 0, 0, 0.6); padding: 20 0;}
#pbrowslidetext h2, .pbrowslidetext h2 {
	font-family: Lato; text-transform: uppercase; letter-spacing: 10px;
	font-size: 70px; line-height: 60px; font-weight: 300;
	padding-top: 55px; padding-bottom: 55px;
	}
@media (min-width: 650px) {
	.sow-slider-base ul.sow-slider-images li.sow-slider-image {background-attachment: fixed;}
	
}
@media (max-width: 667px) {
	#pbrowslidetext h2, .pbrowslidetext h2 {font-size: 24px; line-height: 1.2em;}
	.so-widget-sow-layout-slider .sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper {padding-top: 170px!important;}
}
/* SO CONTACT FORM */
.so-widget-sow-contact-form .sow-contact-form {
    padding: 10px;
    border: none;
    background: none;
}

/* SO BUTTON */
.so-widget-sow-button .ow-button-base a {
	background: #1a1714;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #241e17), color-stop(1, #675a4d));
	background: -ms-linear-gradient(bottom, #241e17, #675a4d);
	background: -moz-linear-gradient(center bottom, #241e17 0%, #675a4d 100%);
	background: -o-linear-gradient(#675a4d, #241e17);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#675a4d', endColorstr='#241e17', GradientType=0);
	border-color: #241e17 #241e17 #816244 #241e17;
	color: #d6a85c !important;
}
.so-widget-sow-button .ow-button-base a.ow-button-hover:hover {
	background: #675a4d;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #675a4d), color-stop(1, #241e17));
	background: -ms-linear-gradient(bottom, #675a4d, #241e17);
	background: -moz-linear-gradient(center bottom, #675a4d 0%, #241e17 100%);
	background: -o-linear-gradient(#241e17, #675a4d);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#241e17', endColorstr='#675a4d', GradientType=0);
	border-color: #241e17 #241e17 #816244 #241e17;
	color: #d6a85c !important;
}
/*.so-widget-sow-button .ow-button-base a.ow-button-hover {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #017ab7), color-stop(1, #18476d) );
  background:-moz-linear-gradient( center top, #017ab7 5%, #18476d 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#017ab7', endColorstr='#18476d');
  background-color:#017ab7;
  -webkit-border-top-left-radius:6px;
  -moz-border-radius-topleft:6px;
  border-top-left-radius:6px;
  -webkit-border-top-right-radius:6px;
  -moz-border-radius-topright:6px;
  border-top-right-radius:6px;
  -webkit-border-bottom-right-radius:6px;
  -moz-border-radius-bottomright:6px;
  border-bottom-right-radius:6px;
  -webkit-border-bottom-left-radius:6px;
  -moz-border-radius-bottomleft:6px;
  border-bottom-left-radius:6px;
  text-indent:0;
  border:1px solid #017ab7;
  display:inline-block;
  color:#ffffff;
}
.so-widget-sow-button .ow-button-base a.ow-button-hover:hover {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #18476d), color-stop(1, #017ab7) );
  background:-moz-linear-gradient( center top, #18476d 5%, #017ab7 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#18476d', endColorstr='#017ab7');
  background-color:#18476d;
}
.ow-button-base a:active {
  position:relative;
  top:1px;
}
*/
/* This button was generated using CSSButtonGenerator.com */

/* *** SO IMAGE GRID *** */
.sow-image-grid-image:hover a {
    /*background: #caa060!important; Disable to allow the overlay defined below*/
    display: block;
}
.sow-image-grid-wrapper .sow-image-grid-image img:hover {
    opacity: 0.2;
}
.sow-image-grid-image {position: relative;}/* to allow the overlay defined below to work */
.sow-image-grid-image:before {
    content: "\f00e";
    background-color: #caa060!important;
    /* opacity: 0.8; */
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 0;
    color: #ffffff;
    font-size: 2.5em;
    padding-top: 30%;
    margin: 0 5px 5px;
    font-family: "FontAwesome";
}
.sow-image-grid-image > a { z-index: 1;}
.sow-image-grid-wrapper .sow-image-grid-image img {opacity:0.99;}
.pbshowcase {}
.lightboxOverlay {opacity: 0.9!important;}
.lightbox .lb-image {border:none!important;}

/* POSTS, ARCHIVE, PROJECTS PAGES AND POST TYPE */
/*.pbblog-projects .iw-so-article-content {display: none;} Hides project content/title in WP blog */
.pbblog-projects h2 a {color: #d6a85c!important;}
.projects .posted-by {display: none;}/* Hides project author in WP blog */
.single-projects .pbcol02 {border-left: 1px solid RGBA(215, 170, 96, 0.4); padding-left: 20px;}
.archive .page-header {background: #d6a85c; padding: 20px 20px 0.67em; margin-bottom: 1em; text-align: center;}
.archive .page-header h1{color:#1a1714;}
.archive #content, .single-projects #content {background: #1a1714;}
.archive .entry-title,.single-projects .entry-title {color: #d6a85c;}
.archive .entry-title a:hover {color:rgba(214, 168, 92, 0.7);}
.archive .entry-content, .archive .entry-content p, .single-projects .entry-content, .single-projects .entry-content p {color: #FFFFFF;}
.archive .entry-thumbnail {
	max-height: 250px;
	overflow: hidden;
	overflow: -moz-hidden-unscrollable;
}
.projects {/*max-height: 200px; overflow: hidden;*/}