/* Theme Name: classicdesigned Theme URI: https://www.merchantandblack.com Description: A premium styled custom theme from Merchant and Black. Version: 1.1.5 Author: Teresa Author URI: https://www.merchantandblack.com/about Text Domain: classicdesigned /****************************************** * HTML5 display definitions ******************************************/ html, body, div, span, applet, object, iframe, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0;} /****************************************** * General Structure ******************************************/ * { margin:0; padding:0; } html {width:100%; height:100%; scroll-behavior:smooth;} body {background:#fff; color: #000; padding: 0px 0 0px 0; font-size:18px; -webkit-text-size-adjust: none;} body, select, input, textarea {font-family:"Noto Sans JP", sans-serif; line-height:1.8em; font-weight:300;} p {margin:15px 0;} body p {margin:25px 0;} a:link, a:visited {color: #018477; text-decoration:none;} a:focus, a:hover, a:active {color:#999; cursor:pointer;} img, a:link img, a:visited img{padding-top:0px;} .post img {max-width:100%; height: auto;} img.alignleft, div.alignleft {float:left; margin:0 1em 0.5em 0;} img.alignright, div.alignright {float:right; margin:0 0 0.5em 1em;} img.aligncenter, div.aligncenter {text-align:center; margin:0 auto;} img.alignnone {margin: 0 1em 1em 0;} img {max-width: 100%; height: auto;} .aligncenter, div.aligncenter {display: block; margin-left: auto; margin-right: auto;} .alignleft {float: left;} .alignright {float: right;} .oldalignfull {width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; max-width:100vw;} .alignfull {margin-left: calc( -100vw / 2 + 100% / 2 ); margin-right: calc( -100vw / 2 + 100% / 2 ); max-width: 100vw;} .alignfull img {width:100%;} .alignwide {margin:0px -25px 0px -25px;} .alignwide img {max-width: 1150px;} /* add alignwide settings for different page structures */ .fullcontainer .alignwide {margin:0px -35px 0px -35px;} .thecontainer .alignwide {margin:0px -35px 0px -35px;} .postcontainer .alignwide {margin:0px -35px 0px -35px;} .theblankcontainer .alignwide {margin:0px -15px 0px -15px;} .thewidercontainer .alignwide {margin:0px -35px 0px -35px;} .previousfullcontainer .wp-block-cover, .wp-block-cover-image {width:auto;} .wp-block-cover, .wp-block-cover-image {min-height:200px;} .wp-block-image {max-width:none !important; margin:0px 0px 0px 0px;} .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail {max-width: 100%; height: auto; } .wp-block-search__inside-wrapper {border:1px solid #ececec; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .wp-block-search__button {border:0px solid #ececec;} .hidden {opacity:0;} .visible {opacity:1;} .sticky {margin:0 auto;} .gallery-caption {max-width:100%;} .video-container {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .overlay-forbackground {width: 100%; padding: 0px 0px 0px 0px; box-sizing: border-box; position: absolute; bottom: 0; right: 0; top: 0; display: flex; justify-content: center; flex-direction:column; background:rgba(0,0,0,0.25); } /****************************************** * Branding Items ******************************************/ .font-one {font-family:"Noto Sans JP", sans-serif; font-weight:300;} .font-two {font-family:"Open Sans", serif; font-weight:300;} .font-three {font-family:"Libre Baskerville", serif; font-weight:400;} .font-four {font-family:"Libre Baskerville", sans-serif; font-weight:400; font-style:italic;} .font-five {font-family:"Jost", sans-serif; font-weight:400;} .thinfont {font-family:"Open Sans", sans-serif; font-weight:300;} .simplefont {font-family:"Noto Sans JP", sans-serif; font-weight:300; text-transform:none;} .strongerfont {font-family:"Noto Sans JP", sans-serif; font-weight:500; text-transform:none;} .heavierfont {font-family:"Noto Sans JP", sans-serif; font-weight:700; text-transform:none;} .featurefont {font-size:28px; line-height:36px;} .fancyfont {font-family:"Libre Baskerville", serif; text-transform:none; font-size:40px; font-weight:400;} .handwritten {font-family:"Libre Baskerville", serif; font-style:italic; font-weight:400; font-size:26px;} .brand-color {color:#018477;} .brandcolor-one {color:#4AB7AD;} .brandcolor-two {color:#e1ddc8;} .brandcolor-three {color:#ddd8c6;} .brandcolor-light {color:#e6f2f2;} .wp-block-button.branding-button .wp-block-button__link {padding:15px 25px 15px 25px; min-width:150px; font-weight:400; margin:5px; font-family:"Jost", sans-serif;} .wp-block-button.branding-button .wp-block-button__link:hover, .wp-block-button.branding-button .wp-block-button__link:active, .wp-block-button.branding-button .wp-block-button__link:focus { background: #fff !important; color: #4AB7AD !important; border-color: transparent !important;} .wp-block-button.brandingborder-button .wp-block-button__link {padding:15px 25px 15px 25px; min-width:150px; font-weight:400; margin:5px 0px 5px 0px; font-family:"Jost", sans-serif; border:1px solid #e6f2f2;} .wp-block-button.brandingborder-button .wp-block-button__link:hover, .wp-block-button.brandingborder-button .wp-block-button__link:active, .wp-block-button.brandingborder-button .wp-block-button__link:focus { background: #fff !important; color: #4AB7AD !important; border-color: transparent !important; border:1px solid #4AB7AD;} .wp-block-button.teal-button .wp-block-button__link:hover, .wp-block-button.teal-button .wp-block-button__link:active, .wp-block-button.teal-button .wp-block-button__link:focus { background: #4AB7AD !important; color: #fff !important; border-color: transparent !important;} .wp-block-categories-list {margin-left:15px; padding-left:15px; border-left:1px solid #ececec; padding-top:5px; padding-bottom:10px;} .cat-item {display:block; overflow:hidden; position:relative;} .cat-item a:link, .cat-item a:visited {color:#000; font-family:"Open Sans", sans-serif; font-weight:400; font-size:17px; padding:5px 0px 5px 0px; border-bottom:1px solid #ececec; display:block; overflow:hidden; position:relative;} .thedivider {display:block; overflow:hidden; position:relative; border-top:2px solid #ddd; margin:0 auto; max-width:525px; padding:15px 0px 15px 0px;} .titledivider {display:block; position:relative; overflow:hidden; margin:0 auto;} .titledivider:after {display:block; content: ''; height: 1px; width: 70%; background:#4ab7ad; margin-top:25px; margin-right:auto; margin-bottom:25px; margin-left:auto;} /****************************************** * Special Design Elements ******************************************/ .thefeature-font {font-family:"Open Sans", sans-serif; font-weight:400; font-size:22px; text-align:center;} /* if adding a border decoration to title style */ .thefeature-font:after {display:block; content: ''; height: 5px; width: 115px; background:#111; margin: 15px 0px 25px 0px; margin:0 auto;} .featuretext {font-size:24px; line-height:36px;} /* top matching triangle for the footer */ .toptriangledivider::after { left: 50%; border-top: 50px solid rgba(255, 255, 255, 1.0); border-left: 50px solid transparent; } .toptriangledivider::before, .toptriangledivider::after { content: ''; position: absolute; bottom: 100%; width: 50%; box-sizing: border-box; } .toptriangledivider::before { right: 50%; border-top: 50px solid rgba(255, 255, 255, 1.0); border-right: 50px solid transparent; } .toptriangledivider { position: absolute; top: 50px; width: 100%; height: 0px; background-color: rgba(255, 255, 255, 1.0); z-index: 5; margin: 0px -25px 0px -25px; } /* top triangle tall and wide for the footer */ .footertriangledivider::after { left: 50%; border-top: 175px solid rgba(255, 255, 255, 1.0); border-left: 1000px solid transparent; } .footertriangledivider::before, .footertriangledivider::after { content: ''; position: absolute; bottom: 100%; width: 50%; box-sizing: border-box; } .footertriangledivider::before { right: 50%; border-top: 175px solid rgba(255, 255, 255, 1.0); border-right: 1000px solid transparent; } .footertriangledivider { position: absolute; top: 175px; width: 100%; height: 0px; background-color: rgba(255, 255, 255, 1.0); z-index: 5; margin: 0px -25px 0px -25px; } .borderboxdivider-left {box-sizing:border-box; border-top:0px; border-right:0px; border-bottom:0px solid #2F2F30; border-left:0px; padding:0px 0px 35px 0px;} .borderboxdivider-right {box-sizing:border-box; border-top:3px solid #2F2F30; border-right:0px; border-bottom:0px; border-left:0px; padding:35px 0px 0px 0px;} .grey-featurebox {display:block; overflow:hidden; position:relative; margin:-55px 15px 0px 15px; background:#f0f0f0; padding:15px; z-index:7;} .white-featurebox {display:block; overflow:hidden; position:relative; margin:-55px 15px 15px 15px; background:#fff; border:1px solid #eaeaea; padding:15px; z-index:7;} .feature-box {margin:35px 0px 35px 0px; display:block; overflow:hidden; position:relative; box-sizing:border-box; width:100%; border:1px solid #ddd;} .feature-content {padding:35px 10px 35px 10px; margin:0 auto;} .feature-border {padding:38px 0px 38px 0px; margin:25px 0px 25px 0px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;} .borderbox {border:1px solid #ddd; padding:25px 25px 25px 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background:#fff;} .borderonly {border:1px solid #ddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .fancylined {display: flex; width: 90%; justify-content: center; align-items: center; text-align: center; margin:0 auto;} .fancylined:before, .fancylined:after {content: ''; border-top: 1px solid rgba(255,255,255,0.7); margin: 0 10px 0 0; flex: 1 0 10px; } .fancylined:after { margin: 0 0 0 10px;} .fancytitle-box {border:1px solid rgba(255,255,255,0.7); padding:25px 25px 25px 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .colorlined {display: flex; width: 100%; justify-content: center; align-items: center; text-align: center; margin:0 auto;} .colorlined:before, .colorlined:after {content: ''; border-top: 1px solid #4AB7AD; margin: 0 10px 0 0; flex: 1 0 10px; } .colorlined:after { margin: 0 0 0 10px;} .colorlined-box {border:1px solid #4AB7AD; padding:25px 25px 25px 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .greylined {display: flex; width: 100%; justify-content: center; align-items: center; text-align: center; margin:0 auto;} .greylined:before, .greylined:after {content: ''; border-top: 1px solid #ddd; margin: 0 10px 0 0; flex: 1 0 10px; } .greylined:after { margin: 0 0 0 10px;} .greylined-box {border:1px solid #ddd; padding:25px 25px 25px 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .heavylined {display: flex; width: 100%; justify-content: center; align-items: center; text-align: center; margin:0 auto;} .heavylined:before, .heavylined:after {content: ''; border-top: 2px solid #ddd; margin: 0 10px 0 0; flex: 1 0 10px; } .heavylined:after { margin: 0 0 0 10px;} .heavylined-box {border:2px solid #ddd; padding:25px 25px 25px 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .beigelined {display: flex; width: 100%; justify-content: center; align-items: center; text-align: center; margin:0 auto;} .beigelined:before, .beigelined:after {content: ''; border-top: 1px solid #e1ddc8; margin: 0 10px 0 0; flex: 1 0 10px; } .beigelined:after { margin: 0 0 0 10px;} /* specific styling */ .has-large-font-size {line-height:1.3em;} /* extra styling */ .extratop-padding {padding-top:35px;} .big-padding {padding:45px 0px 45px 0px;} .removetop {margin-top:-35px !important;} .removebottom {margin-bottom:-60px !important;} .cushion {padding-bottom:10px;} .description {font-size: 1.3em; font-weight: bold; color:#2d333c;} /****************************************************************** H1, H2, H3, H4, H5 STYLES ******************************************************************/ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 { font-family: "Noto Sans JP", sans-serif; font-weight: 700;} h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {text-decoration: none;} h1, .h1 {font-family:"Jost", sans-serif; font-weight:400; font-size: 28px; line-height: 1.4em; text-transform:capitalize; color:#000; margin-bottom: 0.5em; letter-spacing:0.045em; text-align:center;} h2, .h2 {font-size: 36px; font-family:"Jost", sans-serif; line-height: 1.4em; color:#000; margin-bottom: 0px; font-weight:400; text-transform:none;} h3, .h3 {font-family:"Open Sans", sans-serif; font-weight:400; font-size: 20px; color:#000; letter-spacing:0.045em; text-transform:none;} h3 a:link, .h3 a:link, h3 a:visited, .h3 a:visited {color: #000; text-decoration:none;} h4, .h4 {font-size: 1.1em; font-weight:400;} h5, .h5 {font-size: 0.846em; line-height: 2.09em; text-transform: uppercase; letter-spacing:2px; } h2.simplefont {font-family:"Noto Sans JP", sans-serif; font-weight:300; text-transform:none; font-size:28px;} h2.strongerfont {font-family:"Noto Sans JP", sans-serif; font-weight:500; text-transform:none; font-size:28px;} h2.heavierfont {font-family:"Noto Sans JP", sans-serif; font-weight:700; text-transform:none; font-size:28px;} /****************************************** * Headlines ******************************************/ .fancy-big {font-family:"Open Sans", sans-serif; font-weight:400; font-size:32px; text-transform:none;} .fancy-extrabig {font-family:"Open Sans", sans-serif; font-weight:400; font-size:46px; text-transform:none;} .post-title h1 {margin-bottom:0px; text-align:left;} .leftcontent h1 {text-align:left;} .title, a.title {font-size:18px; line-height:1em; padding-bottom:0px; font-weight:normal; color: #000; letter-spacing:normal; text-transform:uppercase;} .date-title, a.date-title {color:#2d333c; font-size:1em; text-align:center; text-transform:uppercase; padding-bottom:20px;} .feature-title, a.feature-title {font-size: 18px; line-height: 1.4em; text-transform:capitalize; color:#000; letter-spacing:0.045em; } .article-title, a.article-title {display:block; font-size:1.125em; color:#000; line-height:1.2em; text-transform:uppercase; padding-top:10px; font-weight:700; font-style:normal; font-family:"Open Sans", sans-serif; letter-spacing:0.025em;} /****************************************** * Main Container Properties ******************************************/ .containerwrapper {margin:0 auto; overflow-x: hidden;} .mainfullcontainer {display:block; overflow:hidden; position:relative; width:100%;} .borderfullcontainer {display:block; overflow:hidden; position:relative; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:10px 10px 10px 10px; background:url('images/backgrounds/crossword.png') repeat #eee;} .themaincontainer {background:#fff; max-width:1100px; margin:0 auto; padding:35px 35px 35px 35px; display:block; position:relative; z-index:1;} .themaincontainer .alignwide {margin:0px -35px 0px -35px;} .themaincontainer-removetop {margin-top:-35px !important;} .themaincontainer-removebottom {margin-bottom:-35px !important;} .fullcontainer {background:#fff; max-width:900px; margin:0 auto; padding:0px 35px 35px 35px; display:block; position:relative; z-index:1;} .thecontainer {background:#fff; max-width:940px; margin:0 auto; padding:35px 35px 35px 35px; display:block; position:relative; z-index:1;} .postcontainer {background:#fff; max-width:900px; margin:0 auto; padding:35px 35px 35px 35px; display:block; position:relative; z-index:1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .fullblankcontainer {background:#fff; margin:0 auto; padding:0px 0px 0px 0px; display:block; position:relative; z-index:1;} .theblankcontainer {background:#fff; max-width:1600px; margin:0 auto; padding:0px 15px 0px 15px; display:block; position:relative; z-index:1;} .thewidercontainer {background:#fff; max-width:1300px; margin:0 auto; padding:0px 35px 0px 35px; display:block; position:relative; z-index:1;} .bordercontainer {background:#fff; max-width:840px; margin:0 auto; padding:35px 35px 35px 35px; display:block; position:relative; z-index:1;} .bordercontainer .alignwide {margin:0px -35px 0px -35px;} .border-removetop {margin-top:-35px !important;} .fullwidecontainer {display:block; overflow:hidden; position:relative; background:#fff; padding:0px 35px 0px 35px; display:block; position:relative; z-index:1;} .fullwidecontainer .alignwide {margin:0px -35px 0px -35px;} .homecontainer {background:#fff; max-width:1100px; margin:0 auto; padding:0px 35px 0px 35px; display:block; position:relative; z-index:1;} .uniquewidth {max-width:1100px; margin:0 auto;} .uniqueheight {position:relative; min-height: 55vh; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .pageheadermin {position:relative; min-height: 35vh; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .maincontent {display:block; overflow:hidden; position:relative; max-width:900px; margin:0 auto; padding:0px 0px 0px 0px;} .maincontent .alignwide {margin:0px 0px 0px 0px;} .maincontent-padding {display:block; overflow:hidden; position:relative; max-width:940px; margin:0 auto; padding:0px 35px 0px 35px; box-sizing: border-box;} .maincontent-padding .alignwide {margin:0px -35px 0px -35px;} .widercontent {display:block; overflow:hidden; position:relative; max-width:1100px; margin:0 auto; padding:0px 0px 0px 0px;} .widercontent .alignwide {margin:0px 0px 0px 0px;} .widercontent-padding {display:block; overflow:hidden; position:relative; max-width:1100px; margin:0 auto; padding:0px 35px 0px 35px;} .widercontent-padding .alignwide {margin:0px -35px 0px -35px;} .smallercontent {max-width:600px; margin:0 auto;} .smallcontent {max-width:700px; margin:0 auto;} .narrowcontent {max-width:900px; margin:0 auto; display:block; overflow:hidden; position:relative;} .middlecontent {max-width:800px; margin:0 auto; box-sizing: border-box;} .mediumcontent {max-width:1000px; margin:0 auto; display:block; overflow:hidden;} .centerfriendly {margin:0 auto; box-sizing:border-box;} .centermake {margin:0 auto !important;} .removethegap {gap:0px;} .homefeatureheight {min-height:90vh;} .middlefeatureheight {min-height:60vh;} body.admin-bar .nk-awb-fullheight.heightninety {min-height: calc(90vh - 32px);} .nk-awb-fullheight.heightninety {min-height: 90vh;} .heightninety {min-height:90vh;} body.admin-bar .nk-awb-fullheight.heighthomefeature {height: calc(87vh - 32px);} .nk-awb-fullheight.heighthomefeature {min-height: 87vh;} .heighthomefeature {min-height:87vh;} .maincontent-five {max-width:500px; margin:0 auto; box-sizing: border-box;} .maincontent-six {max-width:600px; margin:0 auto; box-sizing: border-box;} .maincontent-seven {max-width:700px; margin:0 auto; box-sizing: border-box;} .maincontent-eight {max-width:800px; margin:0 auto; box-sizing: border-box;} .maincontent-nine {max-width:900px; margin:0 auto; box-sizing: border-box;} .maincontent-ten {max-width:1100px; margin:0 auto; box-sizing: border-box;} .fullpadding {padding:35px 35px 35px 35px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .sidepadding {padding:0px 35px 0px 35px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .add-sidepadding {padding:0px 35px 0px 35px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .onlypadding {padding:35px 35px 35px 35px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .borderpadding {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; box-shadow: 0 0 0 7px rgb(255, 255, 255, 1), 0 0 0 8px #ececec;} .bluebox-testimonials {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box; border-radius:12px; display:block; overflow:hidden; position:relative; max-width:750px; margin:0 auto; padding:5px; color:#fff; background:#0c2e95;} .borderpretty {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: 7px solid white; outline-offset: -8px;} .borderbranding {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: 7px solid #fff; outline-offset: -8px;} .featurecontent {max-width:940px; display:block; overflow:hidden; position:relative; margin:0 auto;} .featurewrapper {position:relative; min-height: 55vh; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:15px;} .featurepadding {position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0px 15px 0px 15px;} .feature-mediumtext {font-size:20px; line-height:33px;} .feature-largetext {font-size:24px; line-height:35px;} .iconbullets-package {line-height:1.5em;} .content-wrapper {width:100%; display:block; position:relative; clear:both;} .content {width:100%;} .leftcontent {width:100%; padding-bottom:35px;} .sidebar {width:100%;} .customcheckbox-wrapper {width:100%; display:block; position:relative; clear:both;} .customcheckbox-message {width:100%;} .customcheckbox-options {width:100%;} /* If sidebar wrapper needs to be wider or different */ .sidebarcontainer {background:#fff; max-width:1030px; margin:0 auto; padding:35px 35px 35px 35px; display:block; overflow:hidden; position:relative; z-index:1;} .sidebarcontainer .alignwide {margin:0px -35px 0px -35px;} .sidebarcontainer .wp-block-cover, .wp-block-cover-image {width:auto;} /* If not using blocks previous styles */ .section-wrapper {width:100%; margin:0 auto; position:relative; display:block; overflow:hidden;} .section-content {max-width:1100px; margin:0 auto; display:block; overflow:hidden;} .half-one {width:100%;} .half-two {width:100%;} .full-one {width:100%;} .full-two {width:100%;} .third-one {width:100%;} .third-two {width:100%;} .third-three {width:100%;} .quarter-one {width:100%;} .quarter-two {width:100%;} .quarter-three {width:100%;} .quarter-four {width:100%;} .quarter-content-one {padding:25px;} .quarter-content-two {padding:25px;} .quarter-content-three {padding:25px;} .quarter-content-four {padding:25px;} /****************************************** * Animated Menu Button ******************************************/ a#navmenubutton.active {display:block; position:fixed; right:0; background:rgba(0,0,0,0); border-left:0px solid #ddd; z-index:9999;} a#navmenubutton.fixednav {display:block; position:fixed; top:0; right:0; z-index:9999;} #navmenubutton{display: block; padding: 32px 25px 32px 25px; cursor: pointer; border-left:0px solid #ececec; background:rgba(255,255,255,1.0); margin-left:5px; position:absolute; top:0px; right:0; z-index:9999;} #navmenubutton.fixednav {border-left:0px solid #ececec;} #navmenubutton.fixednav span, #navmenubutton.fixednav span::before, #navmenubutton.fixednav span::after{background:#000;} #navmenubutton span, #navmenubutton span::before, #navmenubutton span::after{width: 28px; height: 1px; float: left; display: block; background: #000; position: relative; text-indent: -9000px;} #navmenubutton span{margin: 8px 0;} #navmenubutton span::before, #navmenubutton span::after{content: ''; position: absolute;} #navmenubutton span::before{top: -8px;} #navmenubutton span::after{bottom: -8px;} #navmenubutton span, #navmenubutton span:before, #navmenubutton span:after{ -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out;} #navmenubutton.active span{ background-color: transparent; } #navmenubutton.active span::before, #navmenubutton.active span::after{top:0; background:#e6f2f2;} #navmenubutton.active span:before{transform: rotate(45deg); -webkit-transform: rotate(45deg);} #navmenubutton.active span::after{transform: translateY(-10px) rotate(-45deg); -webkit-transform: translateY(-10px) rotate(-45deg); top: 10px;} /****************************************** * The Full Menu Overlay ******************************************/ .thefulloverlay {display:none; position:fixed; top:0; right:0; height:100%; width:100%; background:rgba(51,51,51,0.98); overflow:auto; z-index:8888; animation: slideInRight .75s 1; -webkit-animation: slideInRight .75s 1; -moz-animation: slideInRight .75s 1; } .themenuwrap {color:#fff; text-align:left; max-width:100%; margin:85px 5px 0px 5px; border-left:0px solid #2d333c; padding-left:0px; box-sizing:border-box;} .themenuwrap ul.wrap-nav {font-weight:400; text-transform:uppercase; padding-top:35px; padding-right:0px; padding-bottom:35px; box-sizing:border-box; } .themenuwrap ul.wrap-nav li {font-size:21px; font-weight:400; font-family:"Open Sans", sans-serif; padding-left:45px; display:block; letter-spacing:0.025em; min-width:180px; position:relative;} .themenuwrap ul.wrap-nav li a {font-weight:400; color:#fff; padding:11px 0px 11px 0px; box-sizing:border-box; display:block; text-transform:uppercase; text-decoration:none; transition-property:all .2s linear 0s; -moz-transition:all .2s linear 0s; -webkit-transition:all .2s linear 0s; -o-transition:all .2s linear 0s;} .themenuwrap ul.wrap-nav li a:hover {color:#4ab7ad;} .themenuwrap ul.wrap-nav ul {padding:0px;} .themenuwrap ul.wrap-nav ul li {display:block; box-sizing:border-box; font-size:17px; color:#fff; font-weight:300;} .themenuwrap ul.wrap-nav ul li a {color:#fff; } .themenuwrap ul.wrap-nav ul li a:hover {color:#ffffff;} .themenuwrap ul.wrap-nav li ul li a {padding:5px 0px 5px 0px; font-weight:400; font-style:normal; text-transform:none; color:#fff;} .themenuwrap ul.wrap-nav li ul li a:hover {color:#fff;} .themenubutton-wrap {display:block; overflow:hidden; position:relative; padding:5px; font-size:34px; color:#fff;} .themenuwidget-section {display:block; overflow:hidden; position:relative; padding:0px 35px 5px 45px; box-sizing:border-box;} /****************************************** * The New Centered Menu Header ******************************************/ #desktopheaderwrapper {display:none; position:relative; top:0px; left:0; right:0; background:#fff; border-bottom:0px solid #ececec; z-index:999;} .thecleanbar-content {display:block; height:100px; width:100%; box-sizing:border-box; max-width:1600px; margin:0 auto; box-sizing:border-box; padding:0px 20px 0px 20px;} .thecleanlogo-container {height:100px; width:300px; display:block; overflow:hidden; position:relative; background:url('images/logo-w.png') center center no-repeat; background-size:contain; margin:0 auto; image-rendering: -webkit-optimize-contrast; float:left;} .thecleanmenu-container {display:block; max-width:700px; position:relative; float:right; box-sizing:border-box; height:100px; padding:0px 15px 0px 15px;} .thecleanbook-container {display:block; overflow:hidden; position:relative; height:100px; width:200px; float:right;} .thecleanmenu-centered {display:block; width:700px; position:relative; margin:0 auto; box-sizing:border-box; height:100px; padding:0px 15px 0px 15px;} .desktopbook-button, a.desktopbook-button:link, a.desktopbook-button:visited, a.desktopbook-button:active {background:#fff; color:#000; text-align:center; margin:25px 0px 0px 0px; padding:8px 15px 10px 15px; -webkit-transition: background ease-out 0.35s; -moz-transition: background ease-out 0.35s; -ms-transition: background ease-out 0.35s; -o-transition: background ease-out 0.35s; transition: background ease-out 0.35s; display:inline-block; font-style:normal; text-transform:uppercase; display:block; border:1px solid #4AB7AD; font-family:"Open Sans", sans-serif; font-weight:400; font-size:17px; letter-spacing:0.025em;} .desktopbook-button:hover, a.desktopbook-button:hover {background:#fff; color:#4AB7AD;} .tabletbook-button, a.tabletbook-button:link, a.tabletbook-button:visited, a.tabletbook-button:active {background:#fff; color:#000; text-align:center; margin:17px 0px 0px 0px; padding:7px 5px 7px 5px; -webkit-transition: background ease-out 0.35s; -moz-transition: background ease-out 0.35s; -ms-transition: background ease-out 0.35s; -o-transition: background ease-out 0.35s; transition: background ease-out 0.35s; display:inline-block; font-style:normal; text-transform:uppercase; font-weight:400; font-size:13px; letter-spacing:0.025em; display:block; border:1px solid #4AB7AD;} .tabletbook-button:hover, a.tabletbook-button:hover {background:#fff; color:#4AB7AD;} .branding-tagline {font-family:"Open Sans", sans-serif; text-align:center; margin: 0px 0px 2px 0px;font-size: 26px;} /* centered main header menu change center to justify if desired AND remove overflow hidden and height size if submenus are desired*/ .desktopheadernav {box-sizing:border-box; display:block; position:relative; height:100px;} .desktopheadernav ul {display:block; text-align: right; height:100px; overflow:hidden;} .desktopheadernav ul:after {content: ''; display: inline-block; width:100%; box-sizing:border-box;} .desktopheadernav li {display:inline-block; padding:0px 9px 0px 9px;} .desktopheadernav li a, .desktopheadernav li a:visited {display:block; text-decoration:none; color:#000; font-weight:400; font-family:"Open Sans", sans-serif; font-size:17px; text-transform:uppercase; line-height: 100px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; letter-spacing:0.025em; } .desktopheadernav li a:hover, .desktopheadernav li a:visited:hover {color: #4AB7AD; text-decoration: none; } /* sub-menus change margin top if border present*/ .desktopheadernav li ul li a, .desktopheadernav li ul li a:visited {min-width: 235px; text-align: left; display: block; text-decoration: none; color:#fefefe; padding: 0px 9px 0 9px; margin: 0px 0px 0px -12px; line-height: 45px; background: #3e3e3e; position:relative; text-transform:uppercase; border-left:0px solid #ddd; font-style:normal; font-size:16px; font-family:"Noto Sans JP", sans-serif; font-weight:400;} .desktopheadernav li ul li a:hover, .desktopheadernav li ul li a:visited:hover {text-decoration: none; color:#ddd; background:#3e3e3e;} .desktopheadernav li ul {position: absolute; visibility: hidden; list-style: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom:0px solid #ddd; margin-top:0px; overflow:visible;} .desktopheadernav li:hover ul, .desktopheadernav li.hover ul {visibility: visible;} .desktopheadernav li:hover ul ul, .desktopheadernav li.hover ul ul {visibility: visible;} .desktopheadernav li li:hover ul, .desktopheadernav li li.hover ul {visibility: visible;} .desktopheadernav li li:hover ul ul, .desktopheadernav li li.hover ul ul {visibility: visible;} .desktopheadernav li li li:hover ul, .desktopheadernav li li li.hover ul {visibility: visible;} .desktopheadernav li ul li {float: none; display:block;} .desktopheadernav li ul li:last-child, .desktopheadernav li ul li a:last-child {position:relative; border-right:0px solid #ddd;} .desktopheadernav li.strong-menuitem a, .desktopheadernav li.strong-menuitem a:visited {font-weight:700; font-family:"Noto Sans JP", sans-serif; letter-spacing:0.025em; color:#222;} #mobileheadernav {display:block; min-height:82px; position:absolute; top:0; left:0; right:0; background:rgba(255,255,255,1.0); border-bottom:0px solid #ececec; z-index:999;} #mobileheadernav.fixednav {display:block; position:fixed; min-height:82px; top:0; left:0; right:0; background:#fff; border-bottom:0px solid #ececec; z-index:999;} #mobileandscrollnav {display:block; min-height:82px; position:absolute; top:0; left:0; right:0; background:rgba(255,255,255,1.0); border-bottom:0px solid #ececec; z-index:999;} #mobileandscrollnav.fixednav {display:block; position:fixed; min-height:82px; top:0; left:0; right:0; background:#fff; border-bottom:0px solid #ececec; z-index:999;} /****************************************** * For Structures without Headers ******************************************/ body.admin-bar #desktopheaderwrapper {margin-top:46px;} body.admin-bar #desktopheaderwrapper.fixednav {margin-top:46px;} body.admin-bar #mobileheadernav.fixednav {margin-top:46px;} body.admin-bar #mobileheadernav {margin-top:46px;} body.admin-bar #mobileandscrollnav.fixednav {margin-top:46px;} body.admin-bar #mobileandscrollnav {margin-top:46px;} body.admin-bar #navmenubutton {margin-top:46px;} body.admin-bar #navmenubutton.fixednav {margin-top:46px;} body.admin-bar #mainheadercontainer {margin-top:0px;} .mobileheader-logo {display:block; overflow:hidden; position:relative; margin-top:5px; margin-bottom:5px; margin-left:0px; height:70px; width:165px; background:url('images/logo-w.png') center center no-repeat; image-rendering: -webkit-optimize-contrast; background-size:contain; float:left;} .menubackdrop {display:block; overflow:hidden; position:relative; height:82px;} .mobileheader-content {display:block; overflow:hidden; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left:7px;} .mobilebook-section {display:none;} .thephonesection {display:none;} .phone-info {white-space:nowrap;} /****************************************** * Page Title Background Default Styles ******************************************/ .pageheadercolor-wrapper {display:block; overflow:hidden; position:relative; background:#e6f2f2;} .pageheadercolor-content {display:block; position:relative; overflow:hidden; max-width:1200px; margin:0 auto; padding:45px 35px 45px 35px;} #pageheaderphoto-wrapper {min-height:185px; padding-bottom:25px; margin:0px 0px 0px 0px; position:relative;} #pageheaderphoto-wrapper:before {position: absolute; top: 0; left: 0; background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 25%,rgba(0,0,0,0.25) 45%,rgba(0,0,0,0.35) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 25%,rgba(0,0,0,0.15) 45%,rgba(0,0,0,0.35) 100%); width: 100%; height: 100%; content: ""; z-index: 3;} #pageheaderdefault-wrapper {background:url('images/backgrounds/plantbackground.jpg') center center no-repeat #ddd; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-height:185px; padding-bottom:25px; margin:0px 0px 0px 0px; position:relative;} #pageheaderdefault-wrapper:before {position: absolute; top: 0; left: 0; background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.3) 25%,rgba(0,0,0,0.25) 45%,rgba(0,0,0,0.5) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.3) 25%,rgba(0,0,0,0.25) 45%,rgba(0,0,0,0.5) 100%); width: 100%; height: 100%; content: ""; z-index: 3;} .headerphoto-container {display: block; position: relative; z-index: 3; margin:0 auto; padding-top:120px;} .headerphoto-container h1 {color:#fff; text-transform:none; font-style:italic; margin-bottom:0px;} .overlaybackground {position: absolute; top: 0; left: 0; background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 25%,rgba(0,0,0,0.22) 45%,rgba(0,0,0,0.32) 100%); width: 100%; height: 100%; content: ""; z-index: 3;} .thebackground-content {display:block; overflow:hidden; position:relative; min-height:350px;} /****************************************** * Buttons ******************************************/ .menucolor-button, .menucolor-button a, .menucolor-button a:link {background:#000;} .menucolor-button:hover, .menucolor-button a:hover, .menucolor-button a:visited:hover {background:#000; color:#fff;} .brand-button, a.brand-button:link, a.brand-button:visited, a.brand-button:active {background:#4AB7AD; color:#fff; text-align:center; margin:0px 0px 0px 0px; padding:18px 28px 18px 28px; -webkit-transition: background ease-out 0.35s; -moz-transition: background ease-out 0.35s; -ms-transition: background ease-out 0.35s; -o-transition: background ease-out 0.35s; transition: background ease-out 0.35s; display:inline-block; font-style:normal; font-family:"Libre Baskerville", serif; font-weight:400; font-size:26px;} .brand-button:hover, a.brand-button:hover {background:#b5b5b5; color:#fff;} .button, a.button:link, a.button:visited, a.button:active {background:#333; color:#fff; text-align:center; margin:5px 0px 5px 0px; padding:10px 28px 10px 28px; -webkit-transition: background ease-out 0.35s; -moz-transition: background ease-out 0.35s; -ms-transition: background ease-out 0.35s; -o-transition: background ease-out 0.35s; transition: background ease-out 0.35s; display:inline-block; font-style:normal;} .button:hover, a.button:hover {background:#111; color:#fff;} .full-button, a.full-button:link, a.full-button:visited, a.full-button:active {background:#333; color:#fff; text-align:center; margin:0px 0px 0px 0px; padding:18px 28px 18px 28px; -webkit-transition: background ease-out 0.35s; -moz-transition: background ease-out 0.35s; -ms-transition: background ease-out 0.35s; -o-transition: background ease-out 0.35s; transition: background ease-out 0.35s; display:inline-block; font-style:normal; font-weight:700; font-size:20px; display:block;} .full-button:hover, a.full-button:hover {background:#111; color:#fff;} .border-button, a.border-button:link, a.border-button:visited, a.border-button:active {background:#fff; color:#333; text-align:center; margin:15px 0px 5px 0px; padding:10px 28px 10px 28px; -webkit-transition: background ease-out 0.35s; -moz-transition: background ease-out 0.35s; -ms-transition: background ease-out 0.35s; -o-transition: background ease-out 0.35s; transition: background ease-out 0.35s; display:inline-block; font-style:normal; border:2px solid #333;} .border-button:hover, a.border-button:hover {background:#333; color:#fff;} .fullborder-button, a.fullborder-button:link, a.fullborder-button:visited, a.fullborder-button:active {background:#fff; color:#333; text-align:center; margin:15px 0px 5px 0px; padding:10px 28px 10px 28px; -webkit-transition: background ease-out 0.35s; -moz-transition: background ease-out 0.35s; -ms-transition: background ease-out 0.35s; -o-transition: background ease-out 0.35s; transition: background ease-out 0.35s; display:block; font-style:normal; border:2px solid #333;} .fullborder-button:hover, a.fullborder-button:hover {background:#333; color:#fff;} .narrow-button, a.narrow-button:link, a.narrow-button:visited, a.narrow-button:active {font-family:"Plus Jakarta Sans", sans-serif; background:#2F2F30; color:#F1EEE8; text-align:center; margin:0px 0px 0px 0px; padding:10px 28px 10px 28px; -webkit-transition: background ease-out 0.35s; -moz-transition: background ease-out 0.35s; -ms-transition: background ease-out 0.35s; -o-transition: background ease-out 0.35s; transition: background ease-out 0.35s; display:inline-block; font-style:normal; font-weight:700; font-size:20px; display:block; border-radius:14px;} .narrow-button:hover, a.narrow-button:hover {background:#BBA589; color:#2F2F30;} .whiteborder-button, a.whiteborder-button:link, a.whiteborder-button:visited, a.whiteborder-button:active {background:rgba(0,0,0,0); color:#fff; text-align:center; margin:10px 0px 10px 0px; padding:10px 28px 10px 28px; -webkit-transition: background ease-out 0.35s; -moz-transition: background ease-out 0.35s; -ms-transition: background ease-out 0.35s; -o-transition: background ease-out 0.35s; transition: background ease-out 0.35s; display:inline-block; font-style:normal; border:2px solid #fff; font-family:"Libre Baskerville", serif; font-weight:400; font-style:italic; font-size:20px;} .whiteborder-button:hover, a.whiteborder-button:hover {background:rgba(255,255,255,1); color:#4AB7AD;} .post-button, a.post-button:link, a.post-button:visited, a.post-button:active {background:#333; color:#fff; text-align:center; margin:15px 0px 5px 0px; padding:10px 28px 10px 28px; -webkit-transition: background ease-out 0.35s; -moz-transition: background ease-out 0.35s; -ms-transition: background ease-out 0.35s; -o-transition: background ease-out 0.35s; transition: background ease-out 0.35s; display:inline-block; font-style:normal;} .post-button:hover, a.post-button:hover {background:#111; color:#fff;} .more-button, a.more-button:link, a.more-button:visited, a.more-button:active {background:#fff; color:#000; text-align:right; margin:5px 0px 15px 0px; padding:5px 20px 5px 20px; -webkit-transition: all ease-out 0.35s; -moz-transition: all ease-out 0.15s; -ms-transition: all ease-out 0.15s; -o-transition: all ease-out 0.15s; transition: all ease-out 0.15s; display:inline-block; box-sizing:border-box; border:1px solid #e3e3e3; font-weight:400; text-transform:uppercase; font-size:15px;} .more-button:hover, a.more-button:hover {background:#009788; color:#fff; border:1px solid #009788;} .morefull-button, a.morefull-button:link, a.morefull-button:visited, a.morefull-button:active {background:#fff; color:#000; text-align:right; margin:5px 0px 15px 0px; padding:5px 20px 5px 20px; -webkit-transition: all ease-out 0.35s; -moz-transition: all ease-out 0.35s; -ms-transition: all ease-out 0.35s; -o-transition: all ease-out 0.35s; transition: all ease-out 0.35s; display:block; box-sizing:border-box; border:1px solid #bbb; font-weight:700; text-transform:uppercase; font-size:15px;} .morefull-button:hover, a.morefull-button:hover {background:#bbb; color:#fff;} .minimal-button, a.minimal-button:link, a.minimal-button:visited, a.minimal-button:active {background:#eaeaea; color:#000; text-align:center; margin:0px 0px 0px 0px; padding:15px 25px 15px 25px; -webkit-transition: background ease-out 0.35s; -moz-transition: background ease-out 0.35s; -ms-transition: background ease-out 0.35s; -o-transition: background ease-out 0.35s; transition: background ease-out 0.35s; display:inline-block; font-style:normal; font-family:"Noto Sans JP", sans-serif; font-weight:500;} .minimalfull-button:hover, a.minimalfull-button:hover {background:#222; color:#fff;} a:link .minimal-button, a:visited .minimal-button {text-decoration:none; background:#eaeaea; color:#000; text-align:center; margin:0px 0px 0px 0px; padding:15px 25px 15px 25px; -webkit-transition: background ease-out 0.35s; -moz-transition: background ease-out 0.35s; -ms-transition: background ease-out 0.35s; -o-transition: background ease-out 0.35s; transition: background ease-out 0.35s; display:inline-block; font-style:normal; font-family:"Noto Sans JP", sans-serif; font-weight:500;} a:focus .minimal-button, a:hover .minimal-button, a:active .full-button {cursor:pointer;} .button-left {width:100%; display:block; overflow:hidden; position:relative;} .button-right {width:100%; display:block; overflow:hidden; position:relative;} /****************************************** * Form Elements ******************************************/ input[type=submit], input[type=button] {-webkit-appearance:none; -moz-appearance:none; appearance:none;} select {display:block; overflow:hidden; min-width:200px; line-height:40px; padding:0px 5px 0px 5px; width:100%; background:#fff; border:1px solid #ddd; margin-bottom:10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .post-password-form {margin:0 auto; text-align:center; max-width:500px;} #pwbox-377 {line-height: 38px; font-size: 18px; width:99%; margin:15px 0px 15px 0px;} .post-password-form input {width:100%; min-height:40px; line-height:1.4em; margin-bottom:15px; box-sizing:border-box;} .post-password-form input[type="submit"], input[type="button"] {display:block; overflow:hidden; position:relative; padding:20px 0px 20px 0px; margin: 0 auto; text-align:center; font-size:18px; border:0px solid #000; background:#000; color:#fff; width:100%;} .post-password-form input[type="submit"], input[type="button"]:hover {cursor:pointer;} /****************************************** * Front Page ******************************************/ .featurewelcome-background {width: 100%; padding: 0px 0px 0px 0px; box-sizing: border-box; position: absolute; bottom: 0; right: 0; top: 0; display: flex; justify-content: flex-end; flex-direction:column; background:rgba(0,0,0,0.2); } .featurewelcome-content {max-width:800px; margin:0 auto; padding:15px 15px 35px 15px;} .featurewelcome-message {color:#fff; font-size:22px;} .featurewelcome-button, a.featurewelcome-button:link, a.featurewelcome-button:visited, a.featurewelcome-button:active {background:#222; color:#fff; text-align:center; margin:0px 0px 0px 0px; padding:18px 28px 18px 28px; -webkit-transition: background ease-out 0.35s; -moz-transition: background ease-out 0.35s; -ms-transition: background ease-out 0.35s; -o-transition: background ease-out 0.35s; transition: background ease-out 0.35s; display:inline-block; font-style:normal; font-family:"Noto Sans JP", sans-serif; font-weight:500; font-size:20px; display:block; text-transform:uppercase;} .featurewelcome-button:hover, a.featurewelcome-button:hover {background:#fff; color:#222;} #mainphoto-wrapper {background:url('images/backgrounds/plantbackground.jpg') top center no-repeat #ddd; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-height:60vh; margin:0px 0px 0px 0px; position:relative;} #mainphoto-wrapper:before {position: absolute; top: 0; left: 0; background: linear-gradient(to bottom, rgba(0,0,0,0.35) 0%,rgba(0,0,0,0.25) 25%,rgba(0,0,0,0.25) 45%,rgba(0,0,0,0.35) 100%); width: 100%; height: 100%; content: ""; z-index: 3;} .mainphoto-container {display: block; position: relative; z-index: 3; margin:0 auto; padding-top:115px; padding-bottom:55px;} .mainphoto-container h1 {color:#fff; text-transform:none; margin-bottom:0px; text-align:center;} .mainphoto-container h2 {color:#fff; margin-bottom:0px; text-align:center;} .mainphoto-container h3 {color:#fff; margin-bottom:0px; text-align:center;} .mainphoto-content {display:block; overflow:hidden; position:relative; max-width:1040px; margin:0 auto; padding:0px 35px 0px 35px; color:#fff;} .fullvideo-container {display: block; position: relative; z-index: 3; margin:0px; padding-top:285px; padding-bottom:25px;} .fullvideo-container h1 {color:#fff; text-transform:none; font-style:italic; margin-bottom:0px;} .featurewidget-container {display:block; overflow:hidden; position:relative; max-width:700px; margin:0 auto; color:#fff; padding:25px;} #mainwelcome-wrapper {background:url('images/backgrounds/plantbackground.jpg') center center no-repeat #ddd; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-height:70vh; margin:0px 0px 0px 0px; position:relative;} #mainwelcome-wrapper:before {position: absolute; top: 0; left: 0; opacity: .71; background:linear-gradient( to bottom, rgba(0, 0, 0, 0.29), rgba(0, 0, 0, 0.65) ); width: 100%; height: 100%; content: ""; z-index: 3;} .mainwelcome-container {display: block; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 3; max-width:700px; margin:0 auto;} .mainwelcome-center {width: 100%; padding: 0px 0px 0px 0px; box-sizing: border-box; position: absolute; bottom: 0; right: 0; top: 0; display: flex; justify-content: center; flex-direction:column; } .mainwelcome-box {box-sizing:border-box; padding:25px; text-align:center; font-style:normal; line-height: 1.4em; color:#fff;} /****************************************** * Visual Portfolio Background ******************************************/ .photofeature-wrapper {position:relative; display:block; overflow:hidden; z-index:4; margin-left: calc( -100vw / 2 + 100% / 2 ); margin-right: calc( -100vw / 2 + 100% / 2 ); max-width: 100vw;} .photofeature-wrapper .vp-portfolio figure.vp-portfolio__item {height:55vh; position:relative;} .photofeature-wrapper .vp-portfolio__item-img-wrap {height:55vh;} #photofeature-wrapper {position:relative; display:block; overflow:hidden; z-index:4; margin-left: calc( -100vw / 2 + 100% / 2 ); margin-right: calc( -100vw / 2 + 100% / 2 ); max-width: 100vw;} #photofeature-wrapper .vp-portfolio figure.vp-portfolio__item {height:55vh; position:relative;} #photofeature-wrapper .vp-portfolio__item-img-wrap {height:55vh;} .photofeature-container {display: block; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 5; width:100%; margin:0 auto; display:flex; justify-content: center; flex-direction:column; box-sizing:border-box; background:rgba(0,0,0,0); -webkit-transition: background ease-out 0.35s; -moz-transition: background ease-out 0.35s; -ms-transition: background ease-out 0.35s; -o-transition: background ease-out 0.35s; transition: background ease-out 0.35s;} .oldphotofeature-container:hover {background:rgba(0,0,0,0.45); } .photofeature-container h1 {color:#fff; text-transform:none; margin-bottom:0px; text-align:center; font-size:28px; max-width:850px; margin:0 auto;} #featurehome-wrapper {position:relative; display:block; overflow:hidden; z-index:4; margin-left: calc( -100vw / 2 + 100% / 2 ); margin-right: calc( -100vw / 2 + 100% / 2 ); max-width: 100vw;} #featurehome-wrapper:before {position:absolute; top:0; left:0; opacity: .25; background-color: #0b1f35; width:100%; height:100%; content:""; z-index:3;} #featurehome-wrapper .vp-portfolio figure.vp-portfolio__item {height:60vh; position:relative;} .featurehome-container {display: block; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 3; width:100%; margin:0 auto; display:flex; justify-content: center; flex-direction:column; box-sizing:border-box; } .thefeaturehome-wrapper {position:relative; display:block; overflow:hidden; z-index:4; margin-left: calc( -100vw / 2 + 100% / 2 ); margin-right: calc( -100vw / 2 + 100% / 2 ); max-width: 100vw;} .thefeaturehome-wrapper:before {position:absolute; top:0; left:0; opacity: .25; background-color: #0b1f35; width:100%; height:100%; content:""; z-index:3;} .thefeaturehome-wrapper .vp-portfolio figure.vp-portfolio__item {height:60vh; position:relative;} /****************************************** * Header Box Message and Photo Slideshow ******************************************/ #boxedhome-wrapper {position:relative; display:block; overflow:hidden; z-index:4; margin:0px 0px 0px 0px;} .boxedleft-container {display: block; position: relative; z-index: 3; width:100%; flex-direction:column; box-sizing:border-box; } .boxedleft-center {box-sizing: border-box; background:rgba(255,255,255,1.0);} .boxedleft-box {box-sizing:border-box; padding:35px 15px 35px 15px; text-align:left; max-width:900px; margin:0 auto; font-style:normal; line-height: 1.4em; color:#000;} .boxedright-container {width:100%; display:block; position:relative;} .boxedright-container:before {position:absolute; top:0; left:0; opacity: .31; background-color: #313131; width: 100%; height: 100%; content: ""; z-index: 3; } /****************************************** * Visual Porfolio Blog Formating ******************************************/ .wp-block-visual-portfolio.scienceprojectblog .vp-portfolio__item {border:1px solid #f9f9f9; padding:5px; min-height:425px;} .wp-block-visual-portfolio.scienceprojectblog .vp-portfolio__items-style-default .vp-portfolio__item-meta {padding:15px 5px 15px 5px !important;} .wp-block-visual-portfolio.scienceprojectblog .vp-portfolio__items-style-default .vp-portfolio__item-meta-title {margin-bottom:15px !important; font-size:18px; font-weight:700;} .wp-block-visual-portfolio.scienceprojectblog .vp-portfolio__items-style-default .vp-portfolio__item-meta-excerpt {font-size:15px !important;} /****************************************** * Post Structure Thirds Blog Style ******************************************/ .mainblog-titlewrapper {display:block; overflow:hidden; position:relative; max-width:1100px; margin:0 auto; padding:35px 35px 0px 35px;} .mainblog-titlewrapper h1 {margin-bottom:0px;} .mainblog-container {background:#fff; max-width:900px; margin:0 auto; padding:35px 15px 35px 15px; display:block; position:relative; overflow:hidden; z-index:1;} .mainblog-post {display:block; overflow:hidden; position:relative; width:100%; margin-bottom:10px; max-width:400px; margin:0 auto;} .mainblog-border {box-sizing:border-box; border:1px solid #ececec; padding:10px; margin:5px 5px 15px 5px; background:#fff;} .mainblogbackground {width:100%; position:static; top:0; left:0; bottom:0; height:200px; min-height:200px; background:#222; color:#fff; z-index:9; -webkit-transition: all ease-out 0.35s; -moz-transition: all ease-out 0.35s; -ms-transition: all ease-out 0.35s; -o-transition: all ease-out 0.35s; transition: all ease-out 0.35s;} .mainblogwithoutphoto {width:100%; position:static; top:0; left:0; bottom:0; height:200px; min-height:200px; background:url('images/backgrounds/plantbackground.jpg') center center no-repeat #222; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; color:#fff; z-index:9; -webkit-transition: all ease-out 0.35s; -moz-transition: all ease-out 0.35s; -ms-transition: all ease-out 0.35s; -o-transition: all ease-out 0.35s; transition: all ease-out 0.35s;} .mainblogimagecontainer {position:relative; overflow:hidden; filter:grayscale(0%) saturate(130%);} .mainblogimagecontainer:hover {position:relative; overflow:hidden; filter:grayscale(100%);} .mainblogbackground:hover {transform:scale(1.3);} .mainblogwithoutphoto:hover {transform:scale(1.3);} .mainblog-title {display:block; overflow:hidden; position:relative; background:rgba(255,255,255,0); padding:10px 0px 15px 0px; box-sizing:border-box; text-align:left; font-weight:700; font-size:18px; line-height:1.3em; color:#000;} .mainblog-text {font-size:14px; text-align:left; color:#4b5764; padding-bottom:15px;} .mainblog-text p {margin:0px 0px 0px 0px; line-height:1.48em;} .mainblog-cat {display:block; overflow:hidden; position:relative; min-height:20px; font-family:"Merriweather", serif; font-style:italic; font-weight:300; color:#222; text-align:center; font-size:14px; padding:15px 0px 0px 0px;} /****************************************** * Min Tag structure photo title only or with button ******************************************/ .minblog-titlewrapper {display:block; overflow:hidden; position:relative; max-width:1100px; margin:0 auto; padding:35px 35px 0px 35px;} .minblog-titlewrapper h1 {margin-bottom:0px;} .minblog-container {background:#fff; max-width:1050px; margin:0 auto; padding:35px 15px 35px 15px; display:block; position:relative; overflow:hidden; z-index:1;} .minblog-post {display:block; overflow:hidden; position:relative; width:100%; margin-bottom:10px; max-width:400px; margin:0 auto;} .minblog-border {box-sizing:border-box; border:1px solid #ececec; padding:10px; margin:5px 5px 15px 5px; background:#fff;} .minblogbackground {width:100%; position:static; top:0; left:0; bottom:0; height:200px; min-height:200px; background:#222; color:#fff; z-index:9; -webkit-transition: all ease-out 0.35s; -moz-transition: all ease-out 0.35s; -ms-transition: all ease-out 0.35s; -o-transition: all ease-out 0.35s; transition: all ease-out 0.35s;} .minblogwithoutphoto {width:100%; position:static; top:0; left:0; bottom:0; height:200px; min-height:200px; background:url('images/backgrounds/plantbackground.jpg') center center no-repeat #222; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; color:#fff; z-index:9; -webkit-transition: all ease-out 0.35s; -moz-transition: all ease-out 0.35s; -ms-transition: all ease-out 0.35s; -o-transition: all ease-out 0.35s; transition: all ease-out 0.35s;} .minblogimagecontainer {position:relative; overflow:hidden; filter:grayscale(0%) saturate(130%);} .minblogimagecontainer:hover {position:relative; overflow:hidden; filter:grayscale(100%);} .minblogbackground:hover {transform:scale(1.3);} .minblogwithoutphoto:hover {transform:scale(1.3);} .minblog-title {display:block; overflow:hidden; position:relative; background:rgba(255,255,255,0); padding:10px 0px 15px 0px; box-sizing:border-box; text-align:left; font-weight:700; font-size:18px; line-height:1.3em; color:#000;} .minblog-text {font-size:14px; text-align:left; color:#4b5764; padding-bottom:15px;} .minblog-text p {margin:0px 0px 0px 0px; line-height:1.48em;} .minblog-cat {display:block; overflow:hidden; position:relative; min-height:20px; font-family:"Libre Baskerville", serif; font-style:italic; font-weight:300; color:#222; text-align:center; font-size:14px; padding:15px 0px 0px 0px;} /****************************************** * Post Structure Photo Side ******************************************/ .sidebloghalf-container {background:#fff; max-width:700px; margin:0 auto; padding:0px 0px 35px 0px; display:block; position:relative; overflow:hidden; z-index:1;} .sideblog-container {background:#fff; max-width:700px; margin:0 auto; padding:35px 15px 35px 15px; display:block; position:relative; overflow:hidden; z-index:1;} .blog-sidebar {width:100%; max-width:300px; margin:0 auto;} .sideblog-post {display:block; overflow:hidden; position:relative; width:100%; max-width:450px; margin:0 auto;} .sideblog-border {box-sizing:border-box; border:1px solid #ececec; margin-bottom:15px; background:#fff;} .sideblogbackground {width:100%; position:static; top:0; left:0; bottom:0; height:200px; min-height:200px; background:#222; color:#fff; z-index:9; -webkit-transition: all ease-out 0.35s; -moz-transition: all ease-out 0.35s; -ms-transition: all ease-out 0.35s; -o-transition: all ease-out 0.35s; transition: all ease-out 0.35s;} .sideblogwithoutphoto {width:100%; position:static; top:0; left:0; bottom:0; height:200px; min-height:200px; background:url('images/backgrounds/plantbackground.jpg') center center no-repeat #222; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; color:#fff; z-index:9; -webkit-transition: all ease-out 0.35s; -moz-transition: all ease-out 0.35s; -ms-transition: all ease-out 0.35s; -o-transition: all ease-out 0.35s; transition: all ease-out 0.35s;} .sideblogimagecontainer {position:relative; overflow:hidden; filter:grayscale(0%) saturate(130%); width:100%;} .sideblogimagecontainer:hover {position:relative; overflow:hidden; filter:grayscale(100%);} .sideblog-content {width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:15px;} .sideblogbackground:hover {transform:scale(1.1);} .sideblogwithoutphoto:hover {transform:scale(1.1);} .sideblog-title {display:block; overflow:hidden; position:relative; background:rgba(255,255,255,0); padding:10px 0px 15px 0px; box-sizing:border-box; text-align:left; font-weight:700; font-size:18px; line-height:1.3em; color:#000;} .sideblog-text {font-size:16px; text-align:left; color:#595959; padding-bottom:15px;} .sideblog-text p {margin:0px 0px 0px 0px; line-height:1.48em;} .sideblog-cat {display:block; overflow:hidden; position:relative; min-height:20px; font-family:"Raleway", sans-serif; font-weight:300; color:#595959; text-align:left; font-size:17px; padding:15px 0px 0px 0px;} /****************************************** * Post Structure Blog Style ******************************************/ .thearticle-container {display:block; overflow:hidden; position:relative; max-width:500px; text-align:center; margin:0 auto; clear:both;} .thearticle-photo {width:100%; background:#222; line-height:0px;} .thearticle-post {padding:25px 20px 25px 20px; text-align:center; border-right:1px solid #ececec; border-bottom:1px solid #ececec; border-left:1px solid #ececec; margin-bottom:20px;} .thearticle-withoutphoto {padding:25px 20px 25px 20px; text-align:center; border:1px solid #ececec; margin-bottom:20px;} /* blog without images structure */ .blog-wrapper {max-width:900px; margin:0 auto; display:block; overflow:hidden; position:relative; clear:both;} .blog-articlebox {display:block; overflow:hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border:1px solid #ddd; padding:15px; margin-bottom:25px;} /* If centered without sidebar adjust width */ #narrow-wrapper {display:block; overflow:hidden; position:relative; max-width:700px; margin:0 auto; clear:both;} /****************************************** * Post Structure List Style ******************************************/ .articlelist-content {border:1px solid #ddd; display:block; overflow:hidden; background:#fff; padding:10px; margin:55px 0px 55px 0px;} .articlelist-posts {display:block; padding-top:15px; padding-bottom:5px; border-bottom: 1px solid #ddd;} .articlelist-posts:hover {text-decoration: none;} /****************************************** * Post Custom Styles ******************************************/ .aboutemployees {display:block; position:relative;} .aboutemployees p {margin:5px 0px 5px 0px;} .aboutemployees h3 {margin-bottom:5px; letter-spacing:0.01em;} .aboutemployees img {max-width:175px; max-height:175px;} .colorborder-box {border:1px solid #4AB7AD; padding:25px 25px 25px 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .colorborder-box h2 {font-size:22px;} .colorborder-box h2:after {display:block; content: ''; height: 1px; width: 100%; background:#4AB7AD; margin: 15px 0px 25px 0px;} .colorborder-box blockquote {text-align:center; color:#777;} /****************************************** * Post Formatting ******************************************/ .entry {padding-bottom:0px; display:block; text-align:left;} .description {font-size: 1.3em; font-weight: bold; color:#2d333c;} .caption-bottom {word-wrap:normal !important; word-break:normal !important; -ms-word-break:normal; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none;} .wp-caption {max-width: 100%; background: #eee;padding: 5px; /* images inside wp-caption */ } .wp-caption img {max-width: 100%; margin-bottom: 0; width: 100%;} .wp-caption p.wp-caption-text {font-size: 0.85em; margin: 4px 0 7px; text-align: center; } .wp-block-quote {border-left:0px solid #fff;} blockquote {background:#fff; color:#424242; padding:45px 15px 45px 15px; margin:25px 0px 25px 0px; border-top:1px solid #ececec; border-bottom:1px solid #ececec;} .post blockquote {background:#fff; color:#424242; padding:28px 15px 28px 15px; margin:25px 0px 25px 0px; border-top:1px solid #ececec; border-bottom:1px solid #ececec; text-align:center;} .post blockquote h1, .post blockquote h2, .post blockquote h3 {font-style:normal;} .post ul {padding:0px 0px 0px 25px;} .post ul li {list-style:disc; margin:0px 2px 8px 2px;} .post ul li::marker {color:#BBA589; font-size:30px;} .post ul li h3 {font-size:1em; margin:10px 0px -12px 0px; display:block; overflow:hidden;} .post ol {padding:25px 0px 25px 0px; list-style:decimal;} .post ul li ul {padding:8px 0px 0px 0px;} .post ol li {margin-bottom:15px; margin-left:42px;} .post ul.checklists {padding:25px 0px 25px 0px;} .post ul.checklists li {list-style:none; padding-left:20px; line-height:28px; margin-left:25px; font-weight:700;} .post ul.checklists li:before {content: "\f00c"; font-family:'Font Awesome 5 FREE'; font-size:24px; line-height:28px; text-align:center; color:#0712aa; display:inline-block; width:35px; height:30px; font-weight:700; margin-left:-35px;} .thechecklist-right {width:100%;} .thechecklist-left {width:100%;} ul.topic-text {list-style:square !important;} .thetagwrapper {padding-top:15px; display:block; overflow:hidden; position:relative;} #tags {padding:3px; border-bottom:0px solid #ddd; border-top:0px solid #ddd;} .postmetadata {font-size:0.9em; margin:0 0 10px 0; padding:5px 10px; background:#ffffff; border-top:0px solid #000000; border-bottom:0px solid #000000;} /* Text meant only for screen readers. */ .screen-reader-text {clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden;} .screen-reader-text:focus {background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000;} .author-bio {font-size:0.825em; padding-bottom:20px;} .cat-next, .cat-next a {font-size:1.2em; color:#000; text-align:right; text-decoration:none;} .mainblog-author {display:block; overflow:hidden; position:relative; border-top:1px solid #ececec; border-bottom:1px solid #ececec; margin-top:15px; font-size:16px;} .mainblog-date {font-weight:400; font-size: 14px; color:#757575; text-transform:uppercase; letter-spacing:0.045em; margin-bottom:8px;} .mainblog-minidate {font-weight:400; font-size: 12px; color:#757575; text-transform:uppercase; letter-spacing:0.045em; padding-left:0px; margin:bottom:0px;} .mainblog-author img {max-width:50px; max-height:50px;} .mainblog-author .wp-block-image .alignleft {margin:14px 8px 0px 0px;} .mainblog-authorbottom {display:block; overflow:hidden; position:relative; border-top:1px solid #e1ddc8; margin-top:35px; padding-top:15px; font-weight:400; font-style:italic;} /* button style category listings */ .postcat-wrap {display:block; overflow:hidden; position:relative; margin:0 auto; max-width:525px; padding:5px 0px 15px 0px;} .postcategory-name a {text-align:center; font-size:0.9em; letter-spacing:0.02em; text-transform:uppercase; background:#2d333c; color:#fff; padding:8px 5px 8px 5px; -webkit-transition: background ease-out 0.35s; -moz-transition: background ease-out 0.35s; -ms-transition: background ease-out 0.35s; -o-transition: background ease-out 0.35s; transition: background ease-out 0.35s; display:block; font-style:normal; width:45%; box-sizing:border-box; max-width:200px; margin:0 auto;} a.postcategory-name:link, a.postcategory-name:visited, a.postcategory-name:active {color:#fff;} .categorybutton, a.categorybutton:link, a.categorybutton:visited, a.categorybutton:active {background:#2d333c; color:#fff; font-size:0.67em; text-align:center; margin:15px 0px 5px 0px; padding:8px 8px 8px 8px; -webkit-transition: background ease-out 0.35s; -moz-transition: background ease-out 0.35s; -ms-transition: background ease-out 0.35s; -o-transition: background ease-out 0.35s; transition: background ease-out 0.35s; display:inline-block; font-style:normal; width:45%; box-sizing:border-box;} .categorybutton:hover, a.categorybutton:hover {background:#222;} /****************************************** * Previous and Next Page Navigation ******************************************/ .mainnavigation-wrapper {display:block; overflow:hidden; position:relative; width:100%; margin:0 auto;} .mainleft-previous {float:left;} .mainleft-previous a:link, mainleft-previous a:visited, mainleft-previous a:active {font-weight:400; font-size: 14px; color:#000; text-transform:uppercase; letter-spacing:0.045em; text-align:center; margin:5px 0px 5px 0px; padding:5px 5px 5px 5px; -webkit-transition: background ease-out 0.35s; -moz-transition: background ease-out 0.35s; -ms-transition: background ease-out 0.35s; -o-transition: background ease-out 0.35s; transition: background ease-out 0.35s; display:inline-block; font-style:normal; border:1px solid #b5b5b5; min-width:80px;} .mainleft-previous a:hover {background:#5d6365; color:#fff;} .mainright-previous {float:right;} .mainright-previous a:link, .mainright-previous a:visited, mainright-previous a:active {font-weight:400; font-size: 14px; color:#000; text-transform:uppercase; letter-spacing:0.045em; text-align:center; margin:5px 0px 5px 0px; padding:5px 5px 5px 5px; -webkit-transition: background ease-out 0.35s; -moz-transition: background ease-out 0.35s; -ms-transition: background ease-out 0.35s; -o-transition: background ease-out 0.35s; transition: background ease-out 0.35s; display:inline-block; font-style:normal; border:1px solid #b5b5b5; min-width:80px;} .mainright-previous a:hover {background:#5d6365; color:#fff;} #navigation-blog-wrapper {display:block; overflow:hidden; position:relative; max-width:450px; margin:0 auto;} .navigation {position:relative;} .navigation a {width: 120px; border: 1px solid #2d333c; padding:5px 8px 5px 8px; text-align:center; font-size:1em; text-decoration:none; color:#2d333c; display:block; overflow:hidden; margin:5px 0px 5px 0px; -webkit-transition: all ease-out 0.35s; -moz-transition: all ease-out 0.35s; -ms-transition: all ease-out 0.35s; -o-transition: all ease-out 0.35s; transition: all ease-out 0.35s; box-sizing:border-box; } .navigation a:hover {background-color:#555; color:#fff;} .preventries {float:left; } .nextentries {float:right; } #navigation-blog-wrapper a {font-weight:400; font-size: 14px; color:#000; text-transform:uppercase; letter-spacing:0.045em; text-align:center; margin:5px 0px 5px 0px; padding:5px 5px 5px 5px; -webkit-transition: background ease-out 0.35s; -moz-transition: background ease-out 0.35s; -ms-transition: background ease-out 0.35s; -o-transition: background ease-out 0.35s; transition: background ease-out 0.35s; display:inline-block; font-style:normal; border:1px solid #b5b5b5; min-width:80px; } #navigation-blog-wrapper a:hover {background:#5d6365; color:#fff;} .left-previous {float:left;} .right-previous {float:right;} .blogmatch-container {display:block; padding-top:45px; padding-bottom:15px; border-bottom: 1px solid #ececec; max-width:450px; margin:0 auto;} .blogmatch-title {display:block; overflow:hidden; position:relative; background:rgba(255,255,255,0); padding:10px 0px 15px 0px; box-sizing:border-box; text-align:left; font-weight:700; font-size:19px; line-height:1.3em; color:#000;} .blogmatch-text {font-size:16px; text-align:left; color:#595959; padding-bottom:15px;} .blogmatch-text p {margin:0px 0px 0px 0px; line-height:1.48em;} /****************************************** * Coming Soon Page ******************************************/ body.page-template-coming-soon {font-weight:400;} body.page-template-coming-soon .containerwrapper {margin:0 auto; overflow-x: hidden; min-height:85vh;} body.page-template-coming-soon .fullcontainer {background:#fff; max-width:1000px; margin:0 auto; padding:0px 35px 0px 35px; display:block; position:relative; z-index:1;} body.page-template-coming-soon #mobileandscrollnav {display:none;} body.page-template-coming-soon #mobileheadernav {display:none;} body.page-template-coming-soon #mainheadercontainer {display:none;} body.page-template-coming-soon #navmenubutton {display:none;} body.page-template-coming-soon #navmenubutton.fixednav {display:none;} body.page-template-coming-soon #footerwrapper {display:none;} body.page-template-coming-soon #footersection {display:none;} body.page-template-coming-soon .containerwrapper {margin:0 auto; background:#fff; overflow-x: hidden;} body.page-template-coming-soon .menubackdrop {display:none;} body.page-template-coming-soon #desktopheaderwrapper {display:none;} #comingsoonwelcome-wrapper {background:url('images/backgrounds/wendell-homes.jpg') center center no-repeat #333; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height:100vh; min-height:450px; margin:0px -25px 0px -25px; position:relative;} .comingsoonbackground {background: linear-gradient(to bottom, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0.25) 25%,rgba(0,0,0,0.35) 45%,rgba(0, 0, 0, 0.25) 100%); display:block; overflow:hidden; position:absolute; top:0; right:0; bottom:0; left:0;} .comingsoonwelcome-container {display: block; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 3; max-width:90%; margin:0 auto;} .comingsoonwelcome-center {width: 100%; padding: 15px; box-sizing: border-box; position: absolute; bottom: 0; right: 0; top: 0; display: flex; justify-content: center; flex-direction:column; } .comingsoonwelcome-box {box-sizing:border-box; padding:0px 0px 0px 0px; text-align:center; color:#fff; } .comingsoon-logo {height:65px; width:255px; display:block; overflow:hidden; position:relative; background:url('images/logo-allwhite.png') center center no-repeat; background-size:contain; margin:0 auto; image-rendering: -webkit-optimize-contrast;} .comingsoontitle {font-family:"Raleway", sans-serif; font-weight:400; font-size:24px; line-height:26px; display:block; padding-top:15px; text-transform:uppercase; letter-spacing:0.03em;} .comingsoonmessage {font-family: "Raleway", sans-serif; font-weight: 500; line-height: 32px; color:#fff; font-size:26px; padding-top:25px; padding-bottom:25px;} .comingsoon-container {display:block; overflow:hidden; position:relative; margin:0 auto; max-width:980px; padding:0px 25px 55px 25px; box-sizing:border-box;} .comingsoonmessage-wrapper {padding:15px;} .comingsoon-messagebox {display:block; overflow:hidden; position:relative; max-width:750px; text-align:center; padding:45px 25px 45px 25px; margin:0 auto; border:1px solid #444;} /****************************************** * Blank Structure ******************************************/ body.page-template-landing-home .fullcontainer {background:#fff; max-width:940px; margin:0 auto; padding:0px 35px 0px 35px; display:block; position:relative; z-index:1;} /****************************************** * Branding Structure ******************************************/ .brandingwelcome-container {display: block; position: relative; z-index: 3; flex-direction:column; box-sizing:border-box; } #brandingphoto-wrapper {position:relative; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-height:60vh; margin:0px 0px 0px 0px;} #brandingdefault-wrapper {background:url('images/backgrounds/plantbackground.jpg') center center no-repeat #ddd; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-height:60vh; margin:0px 0px 0px 0px; position:relative;} #brandingphoto-wrapper:before {position: absolute; top: 0; left: 0; background: linear-gradient(to bottom, rgba(0,0,0,0.35) 0%,rgba(0,0,0,0.25) 25%,rgba(0,0,0,0.25) 45%,rgba(0,0,0,0.35) 100%); width: 100%; height: 100%; content: ""; z-index: 3;} #brandingdefault-wrapper:before {position: absolute; top: 0; left: 0; background: linear-gradient(to bottom, rgba(0,0,0,0.35) 0%,rgba(0,0,0,0.25) 25%,rgba(0,0,0,0.25) 45%,rgba(0,0,0,0.35) 100%); width: 100%; height: 100%; content: ""; z-index: 3;} .brandingphoto-container {display: block; position: relative; z-index: 3; margin:0 auto; padding-top:115px; padding-right:15px; padding-bottom:55px; padding-left:15px;} /****************************************** * Sidebar and Sidebar Menu ******************************************/ .sidebar li {list-style:none;} .sidebar ul {list-style:none; display:block; line-height:1.5em; margin-left:0px !important; margin-bottom:0px !important; padding:3px 0px 3px 0px;} .sidebar ul li a, .sidebar ul li a:visited {display: block; text-decoration:none; border-left:2px solid #fff; text-transform:uppercase; color:#101010; padding:7px 0px 7px 15px; border-bottom:1px solid #ddd;} .sidebar ul li a:hover {color:#2d333c; border-left:2px solid #2d333c;} .sidebar .widget_text {padding-top:0px; padding-bottom:15px;} .sublist li a:hover, .sublist li a:active {text-decoration:none;} .sidebar_nav ul {margin:0 auto; text-transform:uppercase; padding-top:18px; padding-bottom:25px;} .sidebar_nav li a, .sidebar_nav li a:visited {background:#fff; margin:0px 0 5px 0; display: block; text-decoration: none; color: #555; border-bottom:1px solid #ddd; letter-spacing:0.025em; padding:7px 0px 7px 15px; font-size:1em; text-transform:uppercase; -webkit-transition: all ease-out 0.35s; -moz-transition: all ease-out 0.35s; -ms-transition: all ease-out 0.35s; -o-transition: all ease-out 0.35s; transition: all ease-out 0.35s; } .sidebar_nav li a:hover, .sidebar_nav li a:visited:hover { color:#2d333c; text-decoration: none; border-bottom:1px solid #2d333c; } .sidebar_nav li.current-menu-item a { color:#999999; } .sidebar_nav li.current_page_item a { color:#999999; } /****************************************** * Main Search Form ******************************************/ #searchform {margin:0 auto; margin-bottom:15px; line-height:40px; position:relative; display:block; overflow:hidden; box-sizing:border-box; width:100%;} .rounded {border:1px solid #cccccc; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; background:#fff; color:#111;} .searchinfo {float:left; box-sizing:border-box; width:70%;} #searchform input, #searchform input[type=text] {background:url('images/search-icon-noir.png') left no-repeat; height: 40px; font-size: 16px; padding-left:30px; line-height:1em; border:0px solid #fff; color:#000; font-style:italic; box-sizing:border-box;} #searchform .searchbutton {background:#fff; padding:0px; margin:0px; border-left:1px solid #ddd; color:#2d2d2d; float:right; font-style:normal; float:right; width:30%; box-sizing:border-box; height:40px;} .searchbutton {background:#fff; color:#ddd; border:0px solid #fff;} .searchbutton:hover {cursor:pointer;} /************************************************************************************ COMMENTS *************************************************************************************/ .commentwrap {margin: 10px 0 20px; position: relative; clear: both;} .comments-area {padding:35px 0px 35px 0px;} /* comment title */ .comment-title, #reply-title {font-size: 16px; margin: 0 0 10px; padding: 0;} /* comment pagenav */ .commentwrap .pagenav {margin: 10px 0; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} .commentwrap .pagenav.top {margin: 0; position: absolute; top: 10px; right: 0;} /* commentlist */ .commentlist {margin: 0 0 30px; padding: 5px 0 0; border-top: solid 1px #ddd;} .commentlist li {margin: 0; padding: 15px 0 0; list-style: none; position: relative;} .commentlist .comment-author {margin: 2px 0 5px; padding: 0;} .commentlist .avatar {float: left; margin: 0 15px 0 0;} .commentlist cite {font-style: normal; font-size: 14px;} .commentlist cite a {text-decoration: none;} .commentlist .bypostauthor > .comment-author cite {background: url(images/icon-author-comment.png) no-repeat 0 2px; padding-left: 18px;} .commentlist .comment-time {font-size: 75%; text-transform: uppercase;} .commentlist .commententry { border-bottom: solid 1px #ddd; position: relative; min-height: 40px; overflow: hidden; padding-bottom: 5px; word-wrap: break-word;} .commentlist ul, .commentlist ol {margin: 0 0 0 7%; padding: 0;} /* reply link */ .commentlist .reply {position: absolute; right: 0; top: 8px; } .commentlist .comment-reply-link {font-size: 11px; text-transform: uppercase; text-decoration: none;} .commentlist .comment-reply-link:hover {text-decoration: none;} #commentform input#submit { background:#000; color:#fff; font-size:1.1em; text-align:center; margin:15px 0px 5px 0px; padding:10px 20px 10px 20px; -webkit-transition: background ease-out 0.35s; -moz-transition: background ease-out 0.35s; -ms-transition: background ease-out 0.35s; -o-transition: background ease-out 0.35s; transition: background ease-out 0.35s; display:inline-block; font-style:normal; border:2px solid #000;} #commentform input#submit:hover {background:#333;} /****************************************** * Comment Form ******************************************/ #respond {margin: 0; padding: 10px 0 0; position: relative; clear: both;} #respond #cancel-comment-reply-link {position: absolute; top: 20px; right: 0; font-size: 85%; line-height: 100%; text-decoration: none; padding: 5px 10px; display: block; color: #fff; background: #F30;} #respond #cancel-comment-reply-link:hover {background: #333;} #commentform {margin: 15px 0 0;} #commentform input[type=text] {max-width:250px; padding:5px; display:block; overflow:hidden; margin:10px 0px 10px 0px;} #commentform label {font-weight: bold;} #commentform label small {font-weight: normal;} #commentform textarea {height: 140px; width:97%; padding:1%; box-sizing:border-box;} #commentform input#submit {padding: 7px 20px;} /****************************************** * Float Properties ******************************************/ .clearfloat:after {display:block; visibility:hidden; clear:both; height:0; content:".";} .clearfloat {display:inline-block;} .clearfloat {display:block;} /* Clearfix */ .clearfix:before, .clearfix:after {content: " "; display: table;} .clearfix:after {clear: both; } .clearfix { *zoom: 1; } /****************************************** * Footer ******************************************/ .footerbranding-logo {height:106px; width:205px; display:block; overflow:hidden; position:relative; background:url('images/logo-w.png') center center no-repeat; background-size:contain; margin:0 auto; image-rendering: -webkit-optimize-contrast;} #footerwrapper {background:#000; display:block; overflow:hidden; padding:65px 25px 65px 25px; position:relative; color:#fff; border-top:0px solid #dfdfdf; font-size:17px;} #footerwrapper a, #footerwrapper a:link, #footerwrapper a:active {color:#fff;} #footerwrapper a:hover {color:#4ab7ad;} #footerwrapper h3 {color:#e8e8e8; font-size:18px;} #footerwrapper .widget_nav_menu {font-weight:400; font-size:17px; line-height:28px; margin-left:0px;} #footerwrapper .widget_nav_menu ul li {margin:14px 0px 14px 0px;} #footerwrapper .widget_nav_menu ul {padding:20px 0px 20px 0px;} #footerwrapper .widget_nav_menu ul li ul {padding:0px 0px 10px 25px;} #footerwrapper .widget_nav_menu ul li ul li {font-weight:400; font-size:17px; line-height:36px;} #footersection {display:block; overflow:hidden; position:relative;} .footersection-logo {height:215px; width:285px; display:block; overflow:hidden; position:relative; background:url('images/logo-w.png') center center no-repeat; background-size:contain; margin:0 auto; image-rendering: -webkit-optimize-contrast;} .footercontact-details {display:block; overflow:hidden; position:relative; padding:25px 0px 15px 0px;} .footercontact-details i {color:#555; line-height:22px; width:22px; text-align:center; padding:3px; margin-right:5px; margin-left:0px;} .footercontent {max-width:1300px; margin:0 auto;} .footer-top {width:100%;} .footer-one {width:100%; padding-top:15px;} .footer-two {width:100%; padding-top:15px;} .footer-three {width:100%;padding-top:15px;} .footer-four {width:100%; padding-top:15px;} .footer-bottom {width:100%;} .footer-full {text-align:center; font-size: 0.8em; max-width:1100px; margin:0 auto; padding:15px 25px 15px 25px; box-sizing:border-box;} .footer-details {width:100%;} .footer-sidebar {width:100%; text-align:left;} .footer-contact {font-weight:bold; text-align:left; letter-spacing:0.07em; padding-bottom:37px;} .footerhalf-one {width:100%; padding-bottom:15px;} .footerhalf-two {width:100%;} #footer {margin: 0 auto; font-size:0.9em; text-align:center; color:#777777; padding-top:10px; padding-bottom:20px;} .footerwidget {margin-bottom:15px;} /* Footer Menu */ #footerwrapper .footer-nav ul {margin:0 auto; padding-top:25px;} #previousfooterwrapper .footer-nav li a:before {content: "\f105"; font-family:'Font Awesome 5 FREE'; font-size:15px; line-height:24px; text-align:center; color:#555; display:inline-block; width:17px; height:25px; font-weight:700;} #footerwrapper .footer-nav li a, .footer-nav li a:visited { margin:0px 0 5px 0; display: block; text-decoration: none; color: #000; border-bottom:0px solid #71c8c0; font-family: "Noto Sans JP", serif; font-weight:400; line-height:32px; font-size:15px; text-transform:uppercase; } #footerwrapper .footer-nav li a:hover, .footer-nav li a:visited:hover {color: #4ab7ad; text-decoration: none; } /* Logo and Nav Icon Minimum Screen Size ----------------------------------------------------------------------------------------- */ @media screen and (min-width : 375px) { .mobileheader-logo {display:block; overflow:hidden; position:relative; margin-top:10px; margin-bottom:5px; margin-left:0px; height:65px; width:165px; background:url('images/logo-w.png') center center no-repeat; image-rendering: -webkit-optimize-contrast; background-size:contain;} .mobilebook-section {display:block; overflow:hidden; position:relative; height:80px; width:114px; float:right; margin-right:85px;} } @media screen and (min-width : 440px) { .mobilebook-section {display:block; overflow:hidden; position:relative; height:80px; width:150px; float:right; margin-right:100px;} .tabletbook-button, a.tabletbook-button:link, a.tabletbook-button:visited, a.tabletbook-button:active {background:#fff; color:#000; text-align:center; margin:17px 0px 0px 0px; padding:7px 15px 7px 15px; -webkit-transition: background ease-out 0.35s; -moz-transition: background ease-out 0.35s; -ms-transition: background ease-out 0.35s; -o-transition: background ease-out 0.35s; transition: background ease-out 0.35s; display:inline-block; font-style:normal; text-transform:uppercase; font-weight:400; font-size:16px; display:block; border:1px solid #4AB7AD;} .tabletbook-button:hover, a.tabletbook-button:hover {background:#fff; color:#4AB7AD;} .thephonesection {display:block; position:relative; float:right; font-size:20px; line-height:82px; font-family:"Noto Sans JP", sans-serif; font-weight:700; letter-spacing:0.025em; margin-right:100px;} .customcheckbox-message {width:58%; float:left;} .customcheckbox-options {width:40%; float:right;} } /* Larger Phones and Devices ------------------------------------------------------------------------------------------------------- */ @media screen and (min-width : 500px) { .mobilebook-section {display:block; overflow:hidden; position:relative; height:80px; width:200px; float:right; margin-right:100px;} .mobileheader-content {display:block; overflow:hidden; position:relative; max-width:1050px; margin:0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left:15px;} .mainwelcome-container {display: block; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 3; max-width:700px; margin:0 auto;} .mainwelcome-box {box-sizing:border-box; padding:15px; text-align:center; font-style:normal; color:#fff; line-height:1.3em;} .thewelcome-container {display: block; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 3; max-width:700px; margin:0 auto;} .thewelcome-box {box-sizing:border-box; padding:15px; text-align:center; font-style:normal; color:#fff; line-height:1.3em;} .grey-featurebox {display:block; overflow:hidden; position:relative; margin:-55px 35px 0px 35px; background:#f0f0f0; padding:55px; z-index:7;} .white-featurebox {display:block; overflow:hidden; position:relative; margin:-55px 35px 35px 35px; background:#fff; border:1px solid #eaeaea; padding:35px; z-index:7;} .thearticle-photo {width:100%; background:#fff; line-height:0px; box-sizing:border-box; padding:5px 5px 0px 5px; border-top:1px solid #ececec; border-right:1px solid #ececec; border-left:1px solid #ececec;} .thearticle-post {padding:65px 35px 65px 35px; text-align:center; border-right:1px solid #ececec; border-bottom:1px solid #ececec; border-left:1px solid #ececec; margin-bottom:30px;} .thearticle-withoutphoto {padding:65px 35px 65px 35px; text-align:center; border:1px solid #ececec; margin-bottom:30px;} .mainnavigation-wrapper {display:block; overflow:hidden; position:relative; width:100%; margin:0 auto;} .mainleft-previous {float:left;} .mainleft-previous a:link, mainleft-previous a:visited, mainleft-previous a:active {font-weight:400; font-size: 14px; color:#000; text-transform:uppercase; letter-spacing:0.045em; text-align:center; margin:5px 0px 5px 0px; padding:5px 8px 5px 8px; -webkit-transition: background ease-out 0.35s; -moz-transition: background ease-out 0.35s; -ms-transition: background ease-out 0.35s; -o-transition: background ease-out 0.35s; transition: background ease-out 0.35s; display:inline-block; font-style:normal; border:1px solid #b5b5b5; min-width:120px;} .mainleft-previous a:hover {background:#5d6365; color:#fff;} .mainright-previous {float:right;} .mainright-previous a:link, .mainright-previous a:visited, mainright-previous a:active {font-weight:400; font-size: 14px; color:#000; text-transform:uppercase; letter-spacing:0.045em; text-align:center; margin:5px 0px 5px 0px; padding:5px 8px 5px 8px; -webkit-transition: background ease-out 0.35s; -moz-transition: background ease-out 0.35s; -ms-transition: background ease-out 0.35s; -o-transition: background ease-out 0.35s; transition: background ease-out 0.35s; display:inline-block; font-style:normal; border:1px solid #b5b5b5; min-width:120px;} .mainright-previous a:hover {background:#5d6365; color:#fff;} .blogmatch-container {display:block; padding-top:45px; padding-bottom:15px; border-bottom: 1px solid #ddd; max-width:450px; margin:0 auto;} #navigation-blog-wrapper {display:block; position:relative; overflow:hidden; margin:0 auto; max-width:450px;} .sidebloghalf-container {background:#fff; max-width:450px; margin:0 auto; padding:35px 0px 35px 0px; display:block; position:relative; overflow:hidden; z-index:1;} .blog-sidebar {width:100%; max-width:450px; margin:0 auto;} .sideblog-post {display:block; overflow:hidden; position:relative; width:100%; max-width:450px; margin:0 auto;} .sideblogbackground {width:100%; position:static; top:0; left:0; bottom:0; height:250px; min-height:250px; background:#222; color:#fff; z-index:9; -webkit-transition: all ease-out 0.35s; -moz-transition: all ease-out 0.35s; -ms-transition: all ease-out 0.35s; -o-transition: all ease-out 0.35s; transition: all ease-out 0.35s;} .sideblogwithoutphoto {width:100%; position:static; top:0; left:0; bottom:0; height:250px; min-height:250px; background:url('images/backgrounds/plantbackground.jpg') center center no-repeat #222; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; color:#fff; z-index:9; -webkit-transition: all ease-out 0.35s; -moz-transition: all ease-out 0.35s; -ms-transition: all ease-out 0.35s; -o-transition: all ease-out 0.35s; transition: all ease-out 0.35s;} .blogmatch-container {display:block; padding-top:45px; padding-bottom:15px; border-bottom: 1px solid #ddd; max-width:900px; margin:0 auto;} #navigation-blog-wrapper {display:block; position:relative; overflow:hidden; margin:0 auto; max-width:900px;} #navigation-blog-wrapper a {background:#fff; color:#000; font-size:1em; text-align:center; margin:5px 0px 5px 0px; padding:5px 8px 5px 8px; -webkit-transition: background ease-out 0.35s; -moz-transition: background ease-out 0.35s; -ms-transition: background ease-out 0.35s; -o-transition: background ease-out 0.35s; transition: background ease-out 0.35s; display:inline-block; font-style:normal; border:1px solid #5d6365; min-width:120px;} #navigation-blog-wrapper a:hover {background:#5d6365; color:#fff;} } /* Landscape Phones -------------------------------------------------------------------------------------------------------- */ @media screen and (min-width : 600px) { .button-left {width:68%; display:block; overflow:hidden; position:relative; float:left;} .button-right {width:32%; display:block; overflow:hidden; position:relative; float:left;} .footer-one {width:100%; display:block; overflow:hidden; position:relative; padding-top:0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .footer-two {width:50%; float:left; display:block; overflow:hidden; position:relative; padding:0px 15px 0px 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .footer-three {width:50%; float:right; display:block; overflow:hidden; position:relative; padding:0px 0px 0px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .footer-four {width:100%; float:right; display:block; overflow:hidden; position:relative; padding:0px 0px 0px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} } /* First Transitional Break -------------------------------------------------------------------------------------------------------- */ @media screen and (min-width : 700px) { body {background:#fff; color: #000; padding: 0px 0 0px 0; font-size:18px; -webkit-text-size-adjust: none;} .mobileheader-logo {display:block; overflow:hidden; position:relative; height:80px; width:212px; margin-top:0px; margin-bottom:0px; margin-left:0px; background:url('images/logo-w.png') center center no-repeat; image-rendering: -webkit-optimize-contrast; background-size:contain;} .tabletbook-button, a.tabletbook-button:link, a.tabletbook-button:visited, a.tabletbook-button:active {background:#fff; color:#000; text-align:center; margin:15px 0px 0px 0px; padding:8px 15px 10px 15px; -webkit-transition: background ease-out 0.35s; -moz-transition: background ease-out 0.35s; -ms-transition: background ease-out 0.35s; -o-transition: background ease-out 0.35s; transition: background ease-out 0.35s; display:inline-block; font-style:normal; text-transform:uppercase; font-weight:400; font-size:16px; display:block; border:1px solid #4AB7AD;} .tabletbook-button:hover, a.tabletbook-button:hover {background:#fff; color:#4AB7AD;} .fancy-big {font-family:"Open Sans", sans-serif; font-weight:400; font-size:42px; margin-bottom:0px; text-transform:none;} .fancy-extrabig {font-family:"Open Sans", sans-serif; font-weight:400; font-size:58px; text-transform:none;} .mainblog-container {background:#fff; max-width:900px; margin:0 auto; padding:35px 35px 35px 35px; display:block; position:relative; overflow:hidden; z-index:1;} .mainblog-post {display:block; overflow:hidden; position:relative; width:33.3%; float:left; margin-bottom:10px;} .mainblog-border {box-sizing:border-box; border:1px solid #ececec; padding:10px; margin:5px 5px 15px 5px; min-height:500px;} .mainblogbackground {width:100%; position:static; top:0; left:0; bottom:0; height:215px; min-height:215px; background:#222; color:#fff; z-index:9;} .mainblogwithoutphoto {width:100%; position:static; top:0; left:0; bottom:0; height:215px; min-height:215px; background:url('images/backgrounds/plantbackground.jpg') center center no-repeat #222; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; color:#fff; z-index:9; -webkit-transition: all ease-out 0.35s; -moz-transition: all ease-out 0.35s; -ms-transition: all ease-out 0.35s; -o-transition: all ease-out 0.35s; transition: all ease-out 0.35s;} .mainblog-minidate {font-weight:700; font-size: 12px; color:#757575; text-transform:uppercase; letter-spacing:0.045em; padding-left:5px; margin:bottom:0px;} .mainblog-title {background:rgba(255,255,255,0); padding:20px 0px 15px 5px; box-sizing:border-box; text-align:left; font-weight:700; font-size:16px; min-height: 95px;} .mainblog-text {font-size:14px; text-align:left; padding-bottom:5px; padding-left:5px;} .mainblog-cat {display:block; overflow:hidden; position:relative; min-height:20px; font-family:"Merriweather", serif; font-style:italic; font-weight:300; color:#222; text-align:center; font-size:14px; padding:25px 0px 0px 0px;} .minblog-container {background:#fff; max-width:1050px; margin:0 auto; padding:35px 35px 35px 35px; display:block; position:relative; overflow:hidden; z-index:1;} .minblog-post {display:block; overflow:hidden; position:relative; width:33.3%; float:left; margin-bottom:10px;} .minblog-border {box-sizing:border-box; border:1px solid #ececec; padding:10px; margin:5px 5px 15px 5px; min-height:350px;} .minblogbackground {width:100%; position:static; top:0; left:0; bottom:0; height:215px; min-height:215px; background:#222; color:#fff; z-index:9;} .minblogwithoutphoto {width:100%; position:static; top:0; left:0; bottom:0; height:215px; min-height:215px; background:url('images/backgrounds/plantbackground.jpg') center center no-repeat #222; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; color:#fff; z-index:9; -webkit-transition: all ease-out 0.35s; -moz-transition: all ease-out 0.35s; -ms-transition: all ease-out 0.35s; -o-transition: all ease-out 0.35s; transition: all ease-out 0.35s;} .minblog-minidate {font-weight:700; font-size: 12px; color:#757575; text-transform:uppercase; letter-spacing:0.045em; padding-left:5px; margin:bottom:0px;} .minblog-title {background:rgba(255,255,255,0); padding:20px 0px 15px 5px; box-sizing:border-box; text-align:left; font-weight:700; font-size:16px; min-height: 95px;} .minblog-text {font-size:14px; text-align:left; padding-bottom:5px; padding-left:5px;} .minblog-cat {display:block; overflow:hidden; position:relative; min-height:20px; font-family:"Merriweather", serif; font-style:italic; font-weight:300; color:#222; text-align:center; font-size:14px; padding:25px 0px 0px 0px;} .comingsoonmessage {font-family: "Raleway", sans-serif; font-weight: 500; line-height: 42px; color:#fff; font-size:38px; padding-top:25px; padding-bottom:25px;} .comingsoon-logo {height:65px; width:255px; display:block; overflow:hidden; position:relative; background:url('images/logo-allwhite.png') center center no-repeat; background-size:contain; margin:0 auto; image-rendering: -webkit-optimize-contrast;} .mainphoto-container {display: block; position: relative; z-index: 3; margin:0 auto; padding-top:125px; padding-bottom:80px;} .brandingphoto-container {display: block; position: relative; z-index: 3; margin:0 auto; padding-top:125px; padding-bottom:80px;} .pageheadercolor-content {display:block; position:relative; overflow:hidden; max-width:1200px; margin:0 auto; padding:55px 35px 55px 35px;} #pageheaderphoto-wrapper {min-height:125px; padding-bottom:25px; margin:0px 0px 0px 0px; position:relative;} #pageheaderphoto-wrapper:before {position: absolute; top: 0; left: 0; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 25%,rgba(0,0,0,0.15) 45%,rgba(0,0,0,0.35) 100%); width: 100%; height: 100%; content: ""; z-index: 3;} #pageheaderdefault-wrapper {background:url('images/backgrounds/plantbackground.jpg') center center no-repeat #ddd; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-height:185px; padding-bottom:25px; margin:0px 0px 0px 0px; position:relative;} #pageheaderdefault-wrapper:before {position: absolute; top: 0; left: 0; background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.3) 25%,rgba(0,0,0,0.25) 45%,rgba(0,0,0,0.5) 100%); width: 100%; height: 100%; content: ""; z-index: 3;} .headerphoto-container {display: block; position: relative; z-index: 3; margin:0 auto; padding-top:120px;} .footerhalf-one {width:41%; float:left; padding-bottom:0px;} .footerhalf-two {width:58%; float:right;} } /* Second Big Transition -------------------------------------------------------------------------------------------------------- */ @media screen and (min-width : 775px) { .thebackground-content {display:block; overflow:hidden; position:relative; min-height:550px;} .thefulloverlay {display:none; position:fixed; top:0; right:0; height:100%; width:500px; background:rgba(51,51,51,0.98); overflow:auto; z-index:8888; animation: slideInRight .75s 1; -webkit-animation: slideInRight .75s 1; -moz-animation: slideInRight .75s 1; } .wp-block-cover, .wp-block-cover-image {min-height:430px;} h1, .h1 {font-size: 36px; line-height: 1.4em; text-transform:capitalize; color:#000; margin-bottom: 0.5em; letter-spacing:0.045em; text-align:center; } h2, .h2 {font-size: 44px; font-family:"Jost", sans-serif; line-height: 1.4em; color:#000; margin-bottom: 0px; font-weight:400; text-transform:none;} h2.simplefont {font-family:"Noto Sans JP", sans-serif; font-weight:300; text-transform:none; font-size:38px;} h2.strongerfont {font-family:"Noto Sans JP", sans-serif; font-weight:500; text-transform:none; font-size:38px;} h2.heavierfont {font-family:"Noto Sans JP", sans-serif; font-weight:700; text-transform:none; font-size:38px;} .featurefont {font-size:36px; line-height:40px;} body.admin-bar #desktopheaderwrapper {margin-top:32px;} body.admin-bar #desktopheaderwrapper.fixednav {margin-top:32px;} body.admin-bar #navmenubutton {margin-top:32px;} body.admin-bar #navmenubutton.fixednav {margin-top:32px;} body.admin-bar #mobileheadernav {margin-top:32px;} body.admin-bar #mobileheadernav.fixednav {margin-top:32px;} body.admin-bar #mobileandscrollnav.fixednav {margin-top:32px;} body.admin-bar #mobileandscrollnav {margin-top:32px;} body.admin-bar .thefulloverlay {margin-top:32px;} body.admin-bar #mainheadercontainer {margin-top:32px;} .content-wrapper {width:100%; max-width:1100px; margin:0 auto; display:block; position:relative; clear:both;} .content {width:100%; max-width:850px; margin:0 auto; box-sizing:border-box;} .leftcontent {width:65%; padding-right:35px; padding-bottom:0px; box-sizing:border-box; float:left;} .sidebar {width:35%; float:right} .sidebarcontainer .alignwide {margin:0px 0px 0px -35px;} .half-one {width:48%; float:left;} .half-two {width:48%; float:right;} .featurehalf-one {width:48%; float:left;} .featurehalf-two {width:48%; float:right;} .thechecklist-left {width:35%; float:left; padding-top:55px;} .thechecklist-right {width:62%; float:right;} .full-one {width:50%; float:left;} .full-two {width:50%; float:right;} .third-one {width:32.3%; float:left;} .third-two {width:32.3%; float:left; padding-right:1.5%; padding-left:1.5%;} .third-three {width:32.3%; float:right;} .quarter-one {width:50%; float:left;} .quarter-two {width:50%; float:right;} .quarter-three {width:50%; float:left;} .quarter-four {width:50%; float:right;} .cushion {padding:10px;} .signup-email-left {width:60%; float:left;} .signup-email-right {width:40%; float:right;} .thearticle-container {display:block; overflow:hidden; position:relative; max-width:625px; text-align:center; margin:0 auto; clear:both;} .footer-full {text-align:center; font-size: 0.8em; max-width:1100px; margin:0 auto; padding:15px 25px 15px 25px; box-sizing:border-box;} .footer-left {text-align:left; font-size: 0.8em; line-height:1em; width:50%; float:left; box-sizing:border-box;} .footer-right {text-align:right; width:50%; float:right; line-height:1em; padding-top:0px;} .footer-top {width:100%; display:block; overflow:hidden; position:relative; padding-bottom:15px;} .footer-one {width:44%; float:left; display:block; overflow:hidden; position:relative; padding-top:0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .footer-two {width:28%; float:left; display:block; overflow:hidden; position:relative; padding:0px 15px 0px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .footer-three {width:28%; float:right; display:block; overflow:hidden; position:relative; padding:0px 15px 0px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .footer-bottom {width:100%; display:block; overflow:hidden; position:relative;} .footer-contact {font-weight:bold; text-align:right;} .footer-details {width:60%; padding-right:2%; float:left;} .footer-sidebar {width:38%; float:right; text-align:right;} } /* Blog Medium Large Screen Transition ------------------------------------------------------------------------------------------------------------------- */ @media screen and (min-width : 950px) { .blogmatch-container {display:block; padding-top:45px; padding-bottom:15px; border-bottom: 1px solid #ddd; max-width:700px; margin:0 auto;} #navigation-blog-wrapper {display:block; position:relative; overflow:hidden; margin:0 auto; max-width:700px;} .sidebloghalf-container {background:#fff; width:65%; max-width:700px; margin:0 auto; padding:0px 15px 35px 15px; display:block; position:relative; overflow:hidden; z-index:1; float:left;} .blog-sidebar {width:30%; max-width:300px; margin:0 auto; float:right;} .sideblog-container {background:#fff; max-width:700px; margin:0 auto; padding:35px 35px 35px 35px; display:block; position:relative; overflow:hidden; z-index:1;} .sideblog-post {display:block; overflow:hidden; position:relative; width:100%; margin-bottom:10px; max-width:700px; margin:0 auto;} .sideblog-border {box-sizing:border-box; border:1px solid #ececec; margin-bottom:15px; position:relative; overflow:hidden;} .sideblogimagecontainer {position:relative; overflow:hidden; filter:grayscale(0%) saturate(130%); width:40%; float:left;} .sideblogimagecontainer:hover {position:relative; overflow:hidden; filter:grayscale(100%);} .sideblogbackground {position:static; top:0; left:0; bottom:0; height:305px; min-height:305px; background:#222; color:#fff; z-index:9;} .sideblog-content {width:60%; float:right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:15px;} .sideblogwithoutphoto {position:static; top:0; left:0; bottom:0; height:305px; min-height:305px; background:url('images/backgrounds/plantbackground.jpg') center center no-repeat #222; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; color:#fff; z-index:9; -webkit-transition: all ease-out 0.35s; -moz-transition: all ease-out 0.35s; -ms-transition: all ease-out 0.35s; -o-transition: all ease-out 0.35s; transition: all ease-out 0.35s;} } /* Ghost Kit Column Changes ----------------------------------------------------------------------------------------- */ @media screen and (min-width : 993px) { .borderboxdivider-left {box-sizing:border-box; border-top:0px; border-right:3px solid #2F2F30; border-bottom:0px; border-left:0px; padding:0px 35px 0px 0px;} .borderboxdivider-right {box-sizing:border-box; border-top:0px; border-right:0px; border-bottom:0px; border-left:3px solid #2F2F30; padding:0px 0px 0px 35px;} } /* Third Main Transition and Desktop Menu ------------------------------------------------------------------------------------------------------------------- */ @media screen and (min-width : 1130px) { .featurewrapper {position:relative; min-height: 65vh; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:15px;} .pageheadermin {position:relative; min-height: 45vh; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #mobileheadernav {display:none;} #mobileheadernav.fixednav {display:none; position:fixed; min-height:82px; top:0; left:0; right:0; background:#fff; border-bottom:0px solid #ececec; z-index:999; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out;} #desktopheaderwrapper {display:block; position:absolute; top:0px; left:0; right:0; background:#fff; border-bottom:0px solid #ececec; z-index:998;} .menubackdrop {display:block; overflow:hidden; position:relative; height:100px;} #desktopheaderwrapper.fixednav {display:block; position:fixed; min-height:100px; top:0; left:0; right:0; background:#fff; border-bottom:0px solid #ececec; z-index:999; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out;} .menubackdrop {display:block; overflow:hidden; position:relative; height:100px;} .forscrolling {margin-top:-70px; padding-top:70px;} .formobilescrolling {margin-top:0px; padding-top:0px;} .themaincontainer {background:#fff; max-width:900px; margin:0 auto; padding:35px 35px 35px 35px; display:block; position:relative; z-index:1;} .themaincontainer .alignwide {margin:0px -35px 0px -35px;} .themaincontainer-removetop {margin-top:-35px !important;} .borderfullcontainer {display:block; overflow:hidden; position:relative; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:45px 0px 45px 0px; background:url('images/backgrounds/crossword.png') repeat #eee;} .bordercontainer {background:#fff; max-width:840px; margin:0 auto; padding:75px 75px 35px 75px; display:block; position:relative; z-index:1;} .bordercontainer .alignwide {margin:0px -75px 0px -75px;} .border-removetop {margin-top:-75px !important;} .fullvideo-container {display: block; position: relative; z-index: 3; margin:0px; padding-top:447px; padding-bottom:25px;} #mobileandscrollnav {display:none;} #mobileandscrollnav.fixednav {display:none; position:fixed; min-height:82px; top:0; left:0; right:0; background:#fff; border-bottom:0px solid #ececec; z-index:999; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out;} a#navmenubutton.active {display:block; position:fixed; right:0; background:rgba(0,0,0,0); border-left:0px solid #ddd; z-index:9999;} a#navmenubutton.fixednav {display:none; position:fixed; top:0; right:0; z-index:9999; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out;} #navmenubutton{display: none; padding: 32px 25px 32px 25px; cursor: pointer; border-left:0px solid #babcbe; background:#fff; margin-left:5px; position:absolute; top:0px; right:0; z-index:9999;} #navmenubutton span, #navmenubutton span::before, #navmenubutton span::after{background: #000;} #navmenubutton{display: none; padding: 32px 25px 32px 25px; cursor: pointer; border-left:1px solid #babcbe; background:#fff; margin-left:15px; position:absolute; top:0px; right:0; z-index:9999;} #menuwrap {min-height:90px; width:100%;} .mainwelcome-container {display: block; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 3; max-width:980px; margin:0 auto;} .mainwelcome-box {box-sizing:border-box; padding:15px; text-align:center; font-style:normal; color:#fff; font-size:24px; line-height:1.3em;} .brandingwelcome-container {display: block; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 3; width:50%; display:flex; justify-content: center; flex-direction:column; box-sizing:border-box;} .thefulloverlay {display:none; position:fixed; top:0; right:0; height:100%; width:500px; background:rgba(51,51,51,0.98); overflow:auto; z-index:8888; animation: slideInRight .75s 1; -webkit-animation: slideInRight .75s 1; -moz-animation: slideInRight .75s 1; } .fullnavoverlay {display:none; position:fixed; top:0; right:0; height:100%; width:40%; background:rgba(25,25,25,0.98); overflow:auto; z-index:99; animation: slideInRight .75s 1; -webkit-animation: slideInRight .75s 1; -moz-animation: slideInRight .75s 1; } .quarter-one {width:25%; float:left;} .quarter-two {width:25%; float:left;} .quarter-three {width:25%; float:left;} .quarter-four {width:25%; float:right;} .quarter-content-one {padding:25px; min-height:150px; border-right:2px solid #ddd;} .quarter-content-two {padding:25px; min-height:150px; border-right:2px solid #ddd;} .quarter-content-three {padding:25px; min-height:150px; border-right:2px solid #ddd;} .quarter-content-four {padding:25px; min-height:150px;} #boxedhome-wrapper .metaslider .slides img {width:auto !important; min-height:60vh; min-width:50vw;} .boxedleft-container {display: block; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 3; width:50%; display:flex; justify-content: center; flex-direction:column; box-sizing:border-box; width:50%; float:left; height:50vh; min-height:500px;} .boxedleft-center {padding: box-sizing: border-box; background:rgba(255,255,255,0.98); -webkit-transition: background ease-out 0.35s; -moz-transition: background ease-out 0.35s; -ms-transition: background ease-out 0.35s; -o-transition: background ease-out 0.35s; transition: background ease-out 0.35s; } .boxedleft-box {box-sizing:border-box; padding:45px 15px 45px 15px; text-align:left; max-width:500px; margin:0 auto; font-style:normal; line-height: 1.4em; color:#000;} .boxedright-container{width:50%; float:right; height:50vh; min-height:500px; display:block; position:relative; overflow:hidden;} } /* Slider Adjustment Larger Screen and Content Control Size ------------------------------------------------------------------------------ */ @media screen and (min-width : 1170px) { .featurewelcome-button, a.featurewelcome-button:link, a.featurewelcome-button:visited, a.featurewelcome-button:active {background:#222; color:#fff; text-align:center; margin:0px 0px 0px 0px; padding:18px 28px 18px 28px; -webkit-transition: background ease-out 0.35s; -moz-transition: background ease-out 0.35s; -ms-transition: background ease-out 0.35s; -o-transition: background ease-out 0.35s; transition: background ease-out 0.35s; display:inline-block; font-style:normal; font-family:"Noto Sans JP", sans-serif; font-weight:500; font-size:28px; display:block; text-transform:uppercase;} .featurewelcome-button:hover, a.featurewelcome-button:hover {background:#fff; color:#222;} body.page-template-coming-soon .fullcontainer {background:#fff; max-width:940px; margin:0 auto; padding:0px 0px 0px 0px; display:block; position:relative; z-index:1;} /* Fixed Icon Spacing Adjustment */ .mainnav {float:right; display:block; position:relative; margin:0px 15px 0px 15px; padding:0px 0px 0px 0px; border-right:0px solid #ddd;} .containerwrapper {margin:0 auto; overflow-x: hidden;} .fullcontainer {background:#fff; max-width:900px; margin:0 auto; padding:0px 35px 35px 35px; display:block; position:relative; z-index:1;} .thecontainer {background:#fff; max-width:900px; margin:0 auto; padding:35px 0px 35px 0px; display:block; position:relative; z-index:1;} .postcontainer {background:#fff; max-width:900px; margin:0 auto; padding:35px 0px 35px 0px; display:block; position:relative; z-index:1;} .fullcontainer .alignwide {margin:0px -35px 0px -35px;} .thecontainer .alignwide {margin:0px 0px 0px 0px;} .postcontainer .alignwide {margin:0px 0px 0px 0px;} .previousfullcontainer .wp-block-cover, .wp-block-cover-image {width:auto;} .sidebarcontainer {background:#fff; max-width:1030px; margin:0 auto; padding:35px 0px 35px 0px; display:block; overflow:hidden; position:relative; z-index:1;} .sidebarcontainer .alignwide {margin:0px 0px 0px 0px;} .sidebarcontainer .wp-block-cover, .wp-block-cover-image {width:auto;} } /* Extra Large Desktop Screens ------------------------------------------------------------------------------------------------------------------- */ @media screen and (min-width : 1600px) { #boxedhome-wrapper .metaslider .slides img {width:auto !important; min-height:60vh; min-width:50vw;} #sliderwelcome-wrapper .metaslider .slides img {width:auto !important; min-height:500px; min-width:100vw;} }