@import 'styleblocks.css'; /* Theme Name: Twenty Twenty-One Child theme of twentytwentyone Theme URI: Description: Child theme of twentytwentyone theme for the Twenty Twenty-One theme Author: the WordPress team Author URI: Template: twentytwentyone Version: 1.8 */ /* Generated by Orbisius Child Theme Creator (https://orbisius.com/products/wordpress-plugins/orbisius-child-theme-creator/) on Thu, 27 Apr 2023 10:35:54 +0000 */ /* The plugin now uses the recommended approach for loading the css files.*/ .post-thumbnail, .entry-content .wp-audio-shortcode, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), *[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), .default-max-width{max-width:none;} /* site-header*/ body{background-color:#fff!important;} header#masthead{background-color:#fff; border-bottom:solid 1px #ccc; padding:0; width:100%; max-width:100%;} #content{max-width:100%; margin:auto;} main{max-width:1400px; margin:auto; padding:40px 30px 40px 30px!important;} .entry-footer{display:none;} nav{max-width:1400px; margin:auto; width:100%;} nav .logo{width:185px; margin:16px 0 0 16px;} nav .navburger-mobile{display:none;} .mobile-nav{display:none;} h1, .singular .entry-title{font-size:3rem!important; color:#80221B!important; font-weight:600!important; border:none;} h1{font-size:2.5rem!important; color:#80221B!important; font-weight:600!important;} h2{font-size:2rem!important; color:#80221B!important; font-weight:600!important;} h3{font-size:1.5rem!important; color:#80221B!important; font-weight:600!important;} a{color:#80221B!important; text-decoration:none!important; font-weight:bold!important;} .entry-header{padding:0; margin:0; border:none;} .singular .entry-header{border:none; padding:0; margin:0; max-width:100%;} #primary-menu-list{padding:0; margin:38px 30px 0 0; display:inline-block; float:right;} #primary-menu-list li.menu-item{list-style:none; display:inline-block; float:left; border-radius: 10px 10px 0px 0px; padding: 0px 26px 20px 26px;} #primary-menu-list li.menu-item a{color:#000!important; font-size:15px!important; text-decoration:none; display:block; font-weight:500!important;} #primary-menu-list li.menu-item:hover{color:#707070!important; transition: all .0s ease; background-color:#eee;} #primary-menu-list li.menu-item span{color:#80221B!important; display:block; text-align:center; font-size: 30px!important; font-weight: 900!important; vertical-align: middle; padding:10px 0 10px 0;} #primary-menu-list li.menu-item .pulldown{width:100%; position:absolute; left:0; top:130px; background-color:#eee; display:flex; padding:28px 0 28px 0; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.0s linear; z-index:100} #primary-menu-list li.menu-item:hover .pulldown{visibility: visible; opacity: 1;} #primary-menu-list li.menu-item .pulldownContain{max-width:1400px; margin:auto; height:inherit; width:100%; display:flex;} #primary-menu-list li.menu-item .iconBox{width:25%; float:left; vertical-align: middle; height:inherit; text-align:center; position:relative; border-right:solid 2px #80221B;} #primary-menu-list li.menu-item span.pullIcon{font-size:60px!important; padding:0;} #primary-menu-list li.menu-item .iconAlign{text-align:center; font-size:28px; font-weight:600!important; position:absolute; top:calc(50% - 53px); width:100%; color:#80221B;} #primary-menu-list li.menu-item .secondary-menu-list{width:75%; float:right;} #primary-menu-list li.menu-item .secondary-menu-list li{list-style:none;} #primary-menu-list li.menu-item .secondary-menu-list li a{color:#80221B!important; font-size:16px!important; line-height:32px!important;} #primary-menu-list li.menu-item .secondary-menu-list li a:hover{color:#a05e59!important; background-color:#eee!important;} #primary-menu-list li.menu-item .secondary-menu-list li a.on{color:#666!important;} #mobile-menu-list{padding:0; margin:0;} #mobile-menu-list li.menu-item{list-style:none;} #mobile-menu-list li.menu-item-mobile{list-style:none; display:block; border-top:solid 1px #ccc;} #mobile-menu-list li.menu-item-mobile a{color:#80221b; font-size:18px; line-height:20px; text-decoration:none; display:block; font-weight:500;} #mobile-menu-list li.menu-item-mobile span{color:#80221B; display:inline-block; text-align:left; font-size: 30px; font-weight: 900; vertical-align: middle; padding:6px 10px 10px 0;} #mobile-menu-list li.menu-item-mobile .secondary-menu-list{display:none; width:100%; margin-top:-10px; margin-left:40px; padding-bottom:20px;} #mobile-menu-list li.menu-item-mobile:hover .secondary-menu-list{display:block;} #mobile-menu-list li.menu-item-mobile .secondary-menu-list li{list-style:none;} #mobile-menu-list li.menu-item-mobile .secondary-menu-list li a{color:#80221B; font-size:15px; line-height:25px; padding:10px;} #mobile-menu-list li.menu-item-mobile .secondary-menu-list li a:hover{color:#a05e59; background-color:#eee;} #mobile-menu-list li.menu-item-mobile .secondary-menu-list li a.on{color:#666;} .heroImage{ width:100%; height:520px; background-repeat:no-repeat; background-position:center center; background-size:cover;} #instaContain{width:100%;} .instaFeed{float:left; width:48%; background-color:#eee; padding:2%; border-radius:20px;} .instaFeedLeft{margin-left:4%;} .instagram-media{width:100%;} @media (max-width: 800px){ .instaFeed{float:left; width:100%;padding:6%;} .instaFeedLeft{margin-left:0%; margin-top:30px;} } #video_contain { position:relative; width: 100%; height: 600px; overflow:hidden; } #video_contain video { position:absolute; top:-100px; min-width: 100%; z-index:3; } @media (min-width: 1600px){ video{top:-200px;} } @media (max-width: 1250px){ #video_contain {height:450px;} #video_contain video{top:-50px;} } @media (max-width: 980px){ #video_contain {height:350px;} #video_contain video{top:0px} } @media (max-width: 600px){ #video_contain {height:300px;} } @media (max-width: 500px){ #video_contain {height:220px;} } #stage {position:relative; margin-top:0; margin-bottom:0; width:100%; height:580px;} #stage .homeSlide:nth-of-type(1) {animation-name: fader; animation-delay: 5.5s; animation-duration: 1s; z-index: 2;} #stage .homeSlide:nth-of-type(2) {z-index: 1;} #stage .homeSlide:nth-of-type(n+3) {display: none;} @keyframes fader { from { opacity: 1.0; } to { opacity: 0.0; } } .homeSlide{position:absolute; top:0; left:0; margin-top:0; margin-bottom:0; width:100%; height:580px; background-color:#ccc; background-repeat: no-repeat; background-size: cover; background-position:center center;} @media (min-width: 2200px) { #stage{height:700px;} .homeSlide{height:700px;} } @media (max-width: 1700px) { #stage{height:500px;} .homeSlide{height:500px;} } @media (max-width: 1500px) { #stage{height:450px;} .homeSlide{height:450px;} } @media (max-width: 1200px) { #stage{height:400px;} .homeSlide{height:400px;} } @media (max-width: 1050px) { #stage{height:350px;} .homeSlide{height:350px;} } @media (max-width: 850px) { #stage{height:300px;} .homeSlide{height:300px;} } @media (max-width: 700px) { #stage{height:200px;} .homeSlide{height:200px;} } @media (max-width: 1500px) { .heroImage{height:400px;} } @media (max-width: 1201px) { .heroImage{height:350px;}h1, .singular .entry-title{font-size:2rem} h1{font-size:2rem!important;} } @media (max-width: 1150px) { #primary-menu-list li.menu-item {padding: 3px 20px 20px 20px;} #primary-menu-list li.menu-item a {font-size: 14px;} #primary-menu-list li.menu-item span {font-size: 28px; padding: 10px 0 10px 0;} #primary-menu-list li.menu-item span.pullIcon{font-size:50px;} #primary-menu-list li.menu-item .iconAlign{font-size:24px; padding-top:12px;} } @media (max-width: 1000px) { nav{padding-bottom:12px;} #primary-menu-list{display:none;} nav .navburger-mobile{display:block; position:absolute; display:inline-block; right:35px; top:35px;} h1, .singular .entry-title{font-size:1.5rem!important;} .mobile-nav{margin-top:20px;} .mobile-nav a{display:block; font-size:17px; font-weight:600; border-top:solid 1px #fff; padding:20px;} .navburger{display:inline-block; float:right; margin-top:8px;} .navburger img{width:50px;} } @media (max-width: 700px) {h1{font-size:1.3rem;}.heroImage{height:200px;} .entry-content{font-size:.8rem}h1{font-size:1.5rem!important;}} /* Home Icons */ #homeIcons{} #homeIcons a.homeIcon{text-align:center; float:left; width:20%; font-size:15px!important; margin:0; display:inline-block; height:180px; padding-top:80px; border-radius: 15px; position:relative;} #homeIcons a.homeIcon{font-weight:400!important;} #homeIcons a.homeIcon:hover{background-color:#efefef!important;} #homeIcons a.homeIcon:hover i{-webkit-transition: all 0.3s ease; top:25px; transition: all 0.3s ease; -ms-flex-line-pack: baseline;} #homeIcons .moreInfo{display:inline-block; background-color:#80221B!important; color:#fff; border-radius: 15px; font-size:15px; padding:5px 10px 5px 10px; position:absolute; margin-left:-42px; opacity: 0; position:absolute; bottom:0px} #homeIcons a.homeIcon:hover .moreInfo{-webkit-transition: all 0.3s ease; bottom:-15px; transition: all 0.3s ease; -ms-flex-line-pack: baseline; opacity: 100;} #homeIcons .homeIcon i{font-size:60px; margin-bottom:20px; position:absolute; top:30px; margin-left:-25px;} @media (max-width: 1000px) { #homeIcons a.homeIcon{font-size:13px!important;} #homeIcons .homeIcon i{font-size:40px; margin-bottom:20px; margin-left:-18px;} } @media (max-width: 700px) { #homeIcons a.homeIcon{width:33%} #homeIcons .homeIcon i{} } @media (max-width: 500px) { #homeIcons a.homeIcon{width:50%} #homeIcons .homeIcon i{} } /*footer*/ footer{margin-top:0!important;} footer#colophon{max-width:none; margin-top:0!important;} .footMenuContain{max-width:1400px; margin:auto; padding:0 30px 0 30px;} .footMenuItem{float:left; display:inline-block; width:25%; margin-top:20px;} .footMenuItem span{font-size:19px; font-weight:700; padding-bottom:13px; display:inline-block; font-weight:500;} .footMenuItem .secondary-menu-list{list-style:none; margin:0; padding:0;} .footMenuItem .secondary-menu-list a{text-decoration:none; color:#80221B!important; line-height:18px; font-size:14px;} .footMenuItem .secondary-menu-list a:hover{color:#AC9478!important;} .footBorder{width:100%; height:40px; background-color:#802218; margin-bottom:0px;} .footColWrapFull{width:100%; background-color:#AC9478; padding:40px 0 40px 0; margin-top:0px;} .footColWrap1400{max-width:1400px; margin:auto; padding:0 30px 0 30px;} .footIcon{font-size:36px; color:#444; margin:10px;} .footCol1{width:64%; float:left; height:100px; background-color:#ccc; height:320px;} .footCol2{width:33%; float:right; height:400px; text-align:center; padding:0 0 0 0;} .footCol2 .logo{margin:10px;} .credits{clear:both; width:100%; background-color:#802218; text-align:center; padding:10px 0 10px 0; color:#fff; font-size:12px;} @media (max-width: 1150px) { .footMenuItem span{font-size:17px; padding-bottom:10px;} .footMenuItem .secondary-menu-list a{line-height:16px; font-size:12px;} } @media (max-width: 1000px) { .footCol1{width:49%;} .footCol2{width:49%;} .footMenuItem{width:50%;} .footMenuContain .odd{float:left; clear:left;} .footMenuContain .even{float:right;} } @media (max-width: 700px) { .footCol1{width:100%;} .footCol2{width:100%; margin-top:20px;} .footMenuContain{display:none;} footer#colophon{padding-bottom:0!important;} .footColWrapFull{margin-bottom:0!important;} } /* ADMIN STYLES */ /* Main column width */ .editor-styles-wrapper .wp-block { max-width: 1100px!important; } /* Width of "wide" blocks */ .editor-styles-wrapper .wp-block[data-align="wide"] { max-width: 1180px!important; } /* Width of "full-wide" blocks */ .editor-styles-wrapper .wp-block[data-align="full"] { max-width: none!important; } /* page name */ .editor-styles-wrapper .wp-block-heading h1, .editor-styles-wrapper h1, .editor-styles-wrapper .editor-styles-wrapper .wp-block-heading h2, .editor-styles-wrapper h2, .editor-styles-wrapper .editor-styles-wrapper .wp-block-heading h3, .editor-styles-wrapper h3, .editor-styles-wrapper .editor-styles-wrapper{background-color:#fff!important;}