/*! Theme Name: Saint James Theme Author: OLG Multimedia Author URI: www.olg.com.au Theme URI: https://siteorigin.com/theme/unwind/ Description: Child theme for SiteOrigin Unwind by OLG Multimedia. Version: 1.0.9 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Template: siteorigin-unwind Text Domain: siteorigin-unwind Domain Path: /languages/ */ /* =Theme customization starts here -------------------------------------------------------------- */ /*@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/journey.css'); @import url('fonts/journey bold.css'); @import url('fonts/journey black.css'); */ /*-------------------------------------------------------------- */ /*HIDES ADMIN BAR ON HOME PAGE .home #wpadminbar {display: none;} .home.admin-bar {margin-top: -32px;} */ /*========================================= /* GLOBAL STYLES /*========================================= Add styles beneath this line that you want to be applied across your entire site */ /* COLOURS: saintjames blue: #143058 = rgb(20, 48, 88) saintjames red: #C20E1A = rgb(194, 14, 26) */ /*#masthead .site-branding {display: none;} HIDES HEADER LOGO + DESCRIPTION */ /* SIDEBAR LEFT + 300px WIDE */ /*.main-sidebar-left .content-area {float: right; margin: 0 0 0 -300px;} .main-sidebar-left .site-main {margin: 0 0 0 300px;} .site-content .widget-area {width:300px;} */ /*header#masthead {display: none;} HIDES HEADER AS WE ARE USING A SIDEBAR FOR LOGO AND MENU */ .site-branding {padding: 20px 0;} .site-branding img {height: 140px; width: auto; padding-left: 40px;}/*logo size*/ #secondary .widget {padding-left: 40px; padding-right: 40px;} .page-header, .page article:first-of-type .entry-header {display:none;} .main-sidebar-left .site-content .widget-area {padding-right: 0;} /* IF USING MASTEHEAD AS A SIDEBAR --> CAN'T ADD OTHER WIDGETS IN SIDEBAR - USE FULLWIDTH ONLY */ /*header-design-2 #masthead .top-bar {border-top: 0;} #masthead {border-top: 2px solid #C20E1A; padding-top: 4px;} .top-bar .container {padding: 0;} */ .site-content .container {padding: 0 0 0 300px; float: left; width: 100%;} .sidebar-left .content-area {float: right; margin: 0; display: block;} .sidebar .content-area {width: 100%;} .sidebar-left .site-main {margin: 0 10px;} .sidebar-left .widget-area { z-index: 800; background: #fff; position: fixed; left: 0; width: 300px; height: 100%; } #scroll-to-top {background: rgba(20, 48, 88, 0.9);} #scroll-to-top:hover {background: rgba(194, 14, 26, 0.9);} /* -------------------- /* TYPO /* --------------------*/ body, button, input, select, textarea { color: #143058; font-family: "Lato", sans-serif; font-weight: normal; } h1, h2, h3, h4, h5, h6 { color: #143058; font-family: "Lato", sans-serif; font-weight: normal; text-transform: uppercase; } a {text-decoration: underline;} a:hover {text-decoration: none;} /*========================================= MENU STYLES ======================================== */ .main-navigation > div li {padding: 0 40px; /**/min-height: 35px; line-height: 15px; width: 100%; display: block;} .main-navigation > div li:hover {background-color: #f2f2f2;} .main-navigation > div li a {font-family: Montserrat, arial, serif; color: #143058; text-transform: uppercase; font-size: 14px; font-weight: bold; line-height: 15px; padding: 10px 0; margin: initial; width: 100%;} .main-navigation>div ul ul {top: 15px; right: 10px; width: 220px;}/*sub menu*/ .main-navigation>div ul ul li {height: initial;} .main-navigation>div ul ul a {font-family: inherit; padding: 10px 0; font-size: 1em;} .iconmenu {} .iconhome {} /* STICKY MENU */ /*.sticky-menu.top-bar-out #masthead .top-bar {width: 300px;} IF USING THE MASTHEAD */ /* MOBILE MENU */ .menu-toggle {/*padding: 0;*/padding-left: 10px;} #mobile-navigation {position: relative; top:10px;} #mobile-navigation ul li a {text-decoration: none;} #mobile-navigation ul li {background: #143058;} #mobile-navigation ul li:hover {background: #F4F4F4;} #mobile-navigation ul li a {color: #fff !important;} #mobile-navigation ul li a:hover, #mobile-navigation ul li a:focus-within {color: #143058 !important;} #mobile-navigation ul ul li a {color: #143058 !important;} /*========================================= PAGE BUILDER STYLES ======================================== */ .pbonclear {background:rgba (255, 255, 255, 0.5);} .pbondark {background:rgba (0, 0, 0, 0.5);} #pbhide, .pbhide, .pbnotitle .widget-title {display:none!important;} .pbtoprow {} .pbnomargin {margin:0;} .pbnobottommargin {margin-bottom:0;} .pbnopadding {padding:0;} .panel-grid-cell .widget-title {text-transform: uppercase; text-align: center;} /* buttons */ .ow-button-base a.sobtn, .ow-button-base a.sobtnslider {background: #143058!important; border: #143058!important; text-transform: uppercase;} /* SPECIAL: adds margin on all Builder rows but takes them out on top slider/image row */ .panel-grid {margin: 0 25px;} .pbrowfullwidth.pbnomargin, .pbtoprow.pbnomargin, .pbrowhero.pbnomargin, .pbrowcaroussel.pbnomargin {margin: 0 -25px;} /* HOME BANNER SLIDER - SO SLIDER LAYOUT */ .home .sow-slider-images, .home .so-widget-sow-layout-slider .sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper {height:400px;}/* slider/image height */ .so-widget-sow-layout-slider .sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper {padding: 70px 0px 30px 0px; max-width: 100%;}/* content padding */ .pbrowslidercontent {} /* BANNER HERO IMAGES - SO HERO WIDGET */ .pbrowhero h1 {font-size: 24px!important; text-transform: uppercase; margin: 0 0 5px 0!important; color: #ffffff!important; font-weight: bold;} .pbrowhero p, .pbrowhero a {font-size:18px!important; } .pbrowhero p {color:#FFF!important; margin-top: 0!important;} .pbrowhero a {color:#cccccc!important;} .pbhero {} /* PAGES SPECIAL */ .clflip {} .clflip .cl-flipbox-back {background-blend-mode: multiply;} .clflip .cl-flipbox-back {background-color: rgba(20, 48, 88, 0.7); padding: 15px!important;} .clflip .cl-flipbox-back-h, .clflip .cl-flipbox-back-h h3, .clflip .cl-flipbox-back-h h4, .clflip .cl-flipbox-back-h p, .clflip .cl-flipbox-back-h a {color:#FFF;} /* LOOKBOOK */ .clfliplook .cl-btn {border: 1px solid #FFF;} .clfliplook .cl-flipbox-front {min-height: 500px;}/*allows image to show even when not much content in front or back*/ /* SIZING GUIDES */ .clflipsizing {} .clflipsizing .cl-flipbox-front {min-height: 400px;}/*allows image to show even when not much content in front or back*/ .clpopsizing {}/*popup shortcode class - included in the flipbox*/ /* CAROUSSEL */ .pbrowcaroussel {} .iw-so-article-content {padding: 0!important;} .pbrowcaroussel .panel-grid {margin: 0 5px;} .iw-so-article-title {display: none;} /* SIZING TABLES */ .pbsizingtable table.sizing-table > tbody > tr > td:first-child {background-color: #f4f4f4; text-align: left;}/*bgd colour for 1st column*/ .pbsizingtable table.sizing-table tr:nth-child(2n+2) {background-color: #ffffff;}/*bgd colour for alternate row*/ .pbsizingtable table.sizing-table tr td {border: solid 1px #e0e0e0;} /* PRODUCTS STYLES */ .pbproduct {} .pbproducttext {} .pbproductimage {} .pbproducttaxonomy {} .single-products .entry-header, .single-products .author-box {display:none;}/*hides meta and author on single product page*/ .pbproduct.pbproducttaxonomy {background: #eceef1; padding: 5px 30px;} .pblayouttaxonomy .panel-grid {margin: 0;} /* STORY STYLES */ .pbrowfullwidth.pbrowstory {padding: 25px; background-size: 70%!important; background-position: right center !important;} .page-id-32 h1 {margin: 0 0 0.2em 0;} .page-id-32 h2 {margin: 0 0 0.2em 0; text-transform: lowercase;} .page-id-32 h2:after {content: ""; } .page-id-32 h3 {margin: 0.2em 0;} .page-id-32 p {} /*========================================= MEDIA QUERIES ==========================================*/ /* DESKTOP STYLES ----------------- Add styles inside the media query below that you only want to be applied to the desktop layout of your site */ @media only screen and (min-width: 768px) { .main-sidebar-left .site-main {border-left:2px solid #eceef1;} .site-content {border-top: 2px solid #C20E1A; padding-top: 4px;} .site-content .container { border-top: 2px solid #143058; padding-top: 4px;} } /* TABLET STYLES ----------------- Add styles inside the media query below that you only want to be applied to the tablets layout of your site */ @media only screen and (max-width: 768px) { .sidebar-left .widget-area {position: relative; height: auto; width: 100%; padding: 0;} .site-branding {text-align: center; padding: 20px 0; border-top: 2px solid #C20E1A; border-bottom: 2px solid #143058;}/*logo style in mobile view */ .site-branding img {padding-left: 0;} .so-widget-sow-social-media-buttons .social-media-button-container {text-align: center!important;}/* centers social media icons*/ .site-content .widget-area {margin-top: 0;} /* REVERSE COLUMN ORDER IN MOBILE VIEW START */ .site-content > .container { padding-left: 0; display: -webkit-flex; /* Safari */ -webkit-flex-direction: column-reverse; /* Safari 6.1+ */ display: flex; flex-direction: column-reverse; } /*.site-content > .container { -webkit-align-items: flex-start; align-items: flex-start; }*/ .site-content > .container { display: -webkit-flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-justify-content: space-between; -webkit-justify-content: space-between; display: flex; flex-wrap: wrap; justify-content: space-between; } /* REVERSE COLUMN ORDER IN MOBILE VIEW END */ .main-sidebar-left .site-main {margin: 0;} .main-sidebar-left .content-area {margin:0;} #secondary .widget {margin-bottom: 10px;} } /* MOBILE STYLES ----------------- Add styles inside the media query below that you only want to be applied to the mobile layout of your site */ @media only screen and (max-width: 380px) { }