/* Theme Name: Moderation Clinic 2024 Theme URI: https://www.purodesign.com.au/ Description: A theme by Puro Design. Version: 1.0 Author: Kelly Jackson Author URI: https://www.purodesign.com.au/ */ @font-face { font-family: 'Metropolis Light'; src: url('fonts/Metropolis/TrueType/Metropolis-ExtraLight.ttf') format('truetype'), url('fonts/Metropolis/OpenType/Metropolis-ExtraLight.ttf') format('oft') } @font-face { font-family: 'Metropolis Semi Bold'; src: url('fonts/Metropolis/TrueType/Metropolis-SemiBold.ttf') format('truetype'), url('fonts/Metropolis/OpenType/Metropolis-SemiBold.ttf') format('oft') } @font-face { font-family: 'Metropolis Black'; src: url('fonts/Metropolis/TrueType/Metropolis-Black.ttf') format('truetype'), url('fonts/Metropolis/OpenType/Metropolis-Black.ttf') format('oft') } :root { --mcdarkpurple: #4d0c7f; --mcpurple: #8f67a8; --mclightpurple: #d7cbd9; --mcteal: #5d9aa3; --mcblack: #191919; --mcwhite: #ffffff; --mcpeach: #ece4e1; --mcshadow: rgba(26,26,26,0.10); --mctealoverlay: rgba(93,154,163,0.40); --mcwhiteoverlay: rgba(255,255,255,0.75); --mcfontH1: 3.125em; --mcfontH2: 2.5em; --mcfontH3: 1.875em; --mcfontH4: 1.875em; --mcfontP: 1.71875em; --mcfontMED: 1.5625em; --mcfontSMALL: 1.40625em; } body{margin:0px !important; padding:0px !important; font-family: 'Metropolis Light', sans-serif !important; font-style: normal; color:var(--mcblack) !important; background:var(--agencywhite); line-height:1.5 !important; font-size:16px !important;} * { -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} *:before, *:after { -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .row{position:relative;} .container-fluid{padding-left:10vw !important; padding-right:10vw !important;} .mainimagecontainer > .container-fluid.fullwidth{padding-left:15px !important; padding-right:15px !important; } .mainimagecontainer .container-fluid.fullwidth .mainimage .row{min-width:100%;} .owl-theme .owl-nav{margin-top:0px !important;} .parallax{/* Create the parallax scrolling effect */ background-attachment: fixed !important; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; } .fa-angle-up::before{content:" " !important; background:url("images/menu-arrow-opened.png") no-repeat; background-size:contain; background-position:center; display:block; width:1em; height:1em;} .fa-angle-down::before{content:" " !important; background:url("images/menu-arrow-closed.png") no-repeat; background-size:contain; background-position:center; display:block; width:1em; height:1em;} /*=============HEADERS AND LINKS=============*/ a{text-decoration:none !important; outline: none !important; color:var(--mcdarkpurple) !important;} a:hover{color:var(--mcteal) !important;} #wpadminbar a{color:var(--mcwhite) !important;} #wpadminbar a:hover{color:var(--mcwhite) !important;} .main-content ul:not(.side-menu):not(.children){ list-style: none; } .main-content ul:not(.side-menu):not(.children) li{margin-bottom:0.25rem;} .main-content ul:not(.side-menu):not(.children) li::before { content: "\203A"; font-weight: bold; display: inline-block; width: 1em; margin-left: -1em; color:var(--mcteal);} .main-content .col-12 > ul, .main-content .col-12 > ol{padding-left:2em;} .main-content .col-12 > ul li, .main-content .col-12 > ol li{margin-bottom:0.5rem;} .main-content blockquote{margin-left:4rem; font-style:italic;} .main-content blockquote cite{ font-style:normal; text-transform:uppercase;} strong{font-weight:700;} h1, h2.faqtitle, h2.ctaheading, h2.bannertitle{color:var(--mcpurple); font-size:var(--mcfontH1) !important; font-family: 'Metropolis Black', sans-serif;} h2:not(.faqtitle):not(.ctaheading):not(.bannertitle):not(.scope), p.ctadescription, h3.bannersubtitle{color:var(--mcteal); font-size:var(--mcfontH2) !important; font-weight:300 !important; } h3:not(.bannersubtitle){color:var(--mcpurple); font-size:var(--mcfontH3) !important; font-family: 'Metropolis Black', sans-serif;} h4:not(.blogsubtitle){color:var(--mcpurple); font-size:var(--mcfontH4) !important; font-family: 'Metropolis Semi Bold', sans-serif;} h4.blogsubtitle, .main-content h4{color:var(--mcteal); font-size:var(--mcfontH4) !important; font-family: 'Metropolis Light', sans-serif;} .mainimagecontainer .bannerdescription p{font-size:var(--mcfontMED) !important;} .main-content div:not(.wp-block-group__inner-container) > p:not(.sharelink), .main-content .col-12 > ul, .main-content .col-12 > ol, blockquote p{font-size:var(--mcfontP) !important;} header ul.menu li a, header .header-phone a, header .header-booking a, footer p, a.wp-block-button__link, .main-content .wp-block-group p, #why-sidebar p, .mainimagecontainer .btn-container a.banner-btn, .blog-inner .excerpt p, .blog-inner p.blogbtn, .wp-block-details p, #faq-sidebar p, h2.scope, p.sharelink{font-size:var(--mcfontSMALL);} .wp-block-details summary, .wp-block-details summary::after, .wp-block-details[open] summary::after{font-size:var(--mcfontH3); } input[type=text], input[type=tel], input[type=email], input[type=password], input[type=email], textarea, select, input.gform_button, .facetwp-load-more{font-size:var(--mcfontSMALL) !important;} .pagetitlesubtitle:not(.ptsbkg){background-color:var(--mcpeach); display:flex; flex-direction:column; overflow:hidden; position:relative;} .pagetitlesubtitle:not(.ptsbkg):before{content:""; position:absolute; left:0px; top:0px; bottom:0px; right:66%; background:url("images/symbol-left.png") no-repeat; background-size: 100% auto; background-position: top 10% left;} .pagetitlesubtitle:not(.ptsbkg):after{content:""; position:absolute; left:66%; top:0px; bottom:0px; right:0; background:url("images/symbol-right.png") no-repeat; background-size: 100% auto; background-position: top 10% left;} .pagetitlesubtitle.ptsbkg{display:flex; flex-direction:column; overflow:hidden; position:relative; background-repeat:none; background-position:center; background-size:cover;} .pagetitlesubtitle.ptsbkg:before{content:" "; position:absolute; top:0px; right:0px; left:0px; bottom:0px; background-color:var(--mcwhiteoverlay);} /*=============ALIGNMENT AND IMAGES=============*/ .alignright {float: right;} .alignleft {float: left;} .aligncenter {display:block; margin:auto;} figure { margin: 3.25em 0 !important;} img{max-width:100%; height:auto;} a img {border:none;} img{max-width: 100%; height: auto; vertical-align: middle;} img.centered {display: block; margin-left: auto; margin-right: auto;} img.alignright {float:right; margin-left:10px;} img.alignleft {float:left; margin-right:10px;} .wp-caption{} .wp-caption p{} /*=============FORMS AND BUTTONS=============*/ .grecaptcha-badge{display:none !important;} fieldset{border:none;padding:0px; margin:0px;} :-ms-input-placeholder, ::-moz-placeholder, :-moz-placeholder, ::-webkit-input-placeholder{color:var(--mcblack); opacity: 1 !important;} input[type=text], input[type=tel], input[type=email], input[type=password], input[type=email]{background:var(--mcwhite); color:var(--mcblack);padding:0.5em; border-radius:0em; border:1px solid var(--mcshadow); width:100%; margin-bottom:1em; outline:0 !important;} input[type="text"]:disabled { background:var(--mcshadow);} textarea{background:var(--mcwhite); color:var(--mcblack); padding:0.5em; border-radius:0em; border:1px solid var(--mcshadow); width:100%; margin-bottom:1em; outline:0 !important;} select{-webkit-appearance: none; -moz-appearance: none; border:1px solid var(--mcshadow); background:url(images/dropdown.png) no-repeat var(--mcwhite); background-position: right 10px top 50%; background-size:0.75em; padding:0.5em 2em 0.5em 0.5em; width:100%; outline:0 !important; color:var(--mcblack); font-weight:400;} .form-field{margin-bottom:1em;} .form-field label{} .frm_radio{width:31.66%; margin-left:2.5%; float:left;} .frm_radio:nth-child(3n+1){margin-left:0px;} input[type="radio"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; outline:none !important;} input[type='radio']:after { width: 15px; height: 15px; border-radius: 15px; top: -2px; left: -1px; position: relative; background-color: rgba(255,255,255,0.1); content: ''; display: inline-block; visibility: visible; border: 1px solid #003399;} input[type='radio']:checked:after {width: 15px; height: 15px; border-radius: 15px; top: -2px; left: -1px; position: relative; background-color: #003399; content: ''; display: inline-block; visibility: visible; border: 1px solid #003399;} .gform_heading{display:none !important;} .facetwp-facet{margin-bottom:0px !important;} input.gform_button{display:block; text-align:center; font-weight:400 !important; width:100%; line-height: 1 !important; background:var(--mcteal) !important; color:var(--mcwhite) !important; padding:0.75em 1.5em !important; border:none; border-radius:2em !important;} input.gform_button:hover{background:var(--mcpurple) !important; color:var(--mcwhite) !important;} .facetwp-load-more{display:block; text-align:center; font-weight:400 !important; line-height: 1 !important; background:var(--mcteal) !important; color:var(--mcwhite) !important; padding:0.75em 1.5em !important; border:none; border-radius:2em !important; margin:auto;} .facetwp-load-more:hover{background:var(--mcpurple) !important; color:var(--mcwhite) !important;} a.wp-block-button__link, #copy-link-btn {display:block; text-align:center; font-weight:400 !important; width:100%; line-height: 1 !important; background:var(--mcteal); color:var(--mcwhite) !important; padding:0.75em 1.5em !important; border:none; border-radius:2em; width:12em;} a.wp-block-button__link:hover, #copy-link-btn:hover {background:var(--mcpurple); color:var(--mcwhite) !important;} #copy-link-btn{display:inline-block; width:8em; margin-left:1em;} .purplebtn a.wp-block-button__link{background:var(--mcpurple); color:var(--mcwhite) !important;} .purplebtn a.wp-block-button__link:hover{background:var(--mcteal); color:var(--mcwhite) !important;} header .header-booking a{display:block; text-align:center; font-weight:400 !important; width:100%; line-height: 1 !important; background:var(--mcpurple); color:var(--mcwhite) !important; padding:0.75em 1.5em !important; border:none; border-radius:2em; margin:1.5rem 0px;} header .header-booking a:hover{background:var(--mcteal); color:var(--mcwhite) !important;} .mainimagecontainer .btn-container{display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /*-webkit-justify-content: flex-end; justify-content: flex-end;*/ -webkit-justify-content: space-between; justify-content: space-between; gap:3rem; align-self:center;} .mainimagecontainer .btn-container a.banner-btn{display:block; text-align:center; font-weight:400 !important; width:100%; line-height: 1 !important; background:var(--mcteal); color:var(--mcwhite) !important; padding:0.75em 1.5em !important; border:none; border-radius:2em;} .mainimagecontainer .btn-container a.banner-btn:hover{background:var(--mcpurple); color:var(--mcwhite) !important;} .mainimagecontainer .btn-container a.banner-btn.purplebtn{background:var(--mcpurple); color:var(--mcwhite) !important;} .mainimagecontainer .btn-container a.banner-btn.purplebtn:hover{background:var(--mcteal); color:var(--mcwhite) !important;} /*=============HEADER=============*/ header{position: -webkit-sticky; position: sticky; top: 0; padding: 0; background: var(--mcwhite); z-index: 1111; border-bottom:1px solid var(--agencyshadow);} header .header-top{min-height:2em;} header .header-top.hideTop{opacity:0; height:0px;} header .header-bottom .header-desktop{background:var(--agencywhite);} header .header-logo{height: 6rem; width: auto; object-fit: contain;} header .header-menu-inner{display:flex; flex-direction:row; height:100%;} header .header-menu-inner .menu-top-menu-container{width:calc(100% - 0.75em); align-self: center;} header .header-phone, header .header-booking{white-space:nowrap; align-self:center;} header .header-phone a{color:var(--mcblack) !important; display:block; text-align:center; font-weight:400 !important; width:100%; line-height: 1 !important; padding:0.75em 1.5em !important; border:none; border-radius:2em; margin:1.5rem 0px;} header .header-phone a:hover{ background:var(--mcteal); color:var(--mcwhite) !important; } header .header-phone a:before{content:" "; background:url("images/phone-purple.png") no-repeat; background-size: contain; background-position: bottom; width:1em; height:1em; display: inline-flex; margin-right: 0.5em;} header .header-phone a:hover:before{content:" "; background:url("images/phone-white.png") no-repeat; background-size: contain; background-position: bottom; width:1em; height:1em; display: inline-flex; margin-right: 0.5em;} header .header-phone-mobile a{display:inline-block; background:url("images/mobile-phone-teal.png") no-repeat; background-size:100%; width:2rem; height:2rem;} /*=============CONTENT=============*/ .mainimagecontainer{position:relative; z-index:4; width:100%; overflow:hidden;} .mainimagecontainer .container-fluid{position:relative; z-index:6;} .mainimagecontainer:after{content:""; position:absolute; left:0; top:0px; bottom:0px; right:0; background:url("images/symbol-right.png") no-repeat; background-size: auto 150%; background-position: top 0% right -5%;} .mainimagecontainer.banner_DarkPurple{background:var(--mcdarkpurple);} .mainimagecontainer.banner_Purple{background:var(--mcpurple);} .mainimagecontainer.banner_LightPurple{background:var(--mclightpurple);} .mainimagecontainer.banner_Teal{background:var(--mcteal);} .mainimagecontainer.banner_Black{background:var(--mcblack);} .mainimagecontainer.banner_White{background:var(--white);} .mainimagecontainer.banner_Peach{background:var(--mcpeach);} .mainimagecontainer .bannerimg{width:50%; border-radius:50%;} .mainimagecontainer .mainimage .post-image{position:absolute; top:0px; left:0px; right:0px; bottom:0px; z-index:1;} .mainimagecontainer .mainimage .post-image img{object-fit: cover; height:100% !important; width:100% !important;} .mainimagecontainer .mainimage .overlay{position:relative; text-align: center; z-index:2; display: flex; height: 100%; padding-top:10vw; padding-bottom:10vw; flex-wrap:wrap; align-items: center;} .mainimagecontainer .mainimage .overlay .mainimage-text{width:100%;} .mainimagecontainer .mainimage .overlay .btn-container{width:100%;} svg .svg-g{position:absolute; top:0px; left:0px;} .main-content{padding-top:6rem; padding-bottom:6rem; position:relative; z-index:1000;} .main-content .wp-block-buttons{margin-top:3rem !important; margin-bottom:3rem !important;} .main-content .wp-block-columns.is-layout-flex{gap:6rem;} .main-content h2{margin-top:3rem !important; margin-bottom:3rem !important;} body:not(.home) .main-content h2:first-of-type{margin-top:0px !important;} body.home .homepagetitlesubtitle h2{margin-top:0px !important;} .main-content h3:not(.scope){margin-top:1.75em !important;} .main-content .wp-block-column h3{margin-top:0px !important;} .main-content p.phone:before{content: " "; background: url("images/phone-purple.png") no-repeat; background-size: contain; background-position: bottom; width: 1em; height: 1em; display: inline-flex; margin-right: 0.5em;} .main-content p.fax:before{content: " "; background: url("images/fax-purple.png") no-repeat; background-size: contain; background-position: bottom; width: 1em; height: 1em; display: inline-flex; margin-right: 0.5em;} .main-content p.email:before{content:" "; background:url("images/email-purple.png") no-repeat; background-size: contain; background-position: bottom; width: 1em; height: 1em; display: inline-flex; margin-right: 0.5em;} .main-content p.hours:before{content:" "; background:url("images/hours-purple.png") no-repeat; background-size: contain; background-position: bottom; width: 1em; height: 1em; display: inline-flex; margin-right: 0.5em;} ul.sidebar{list-style:none; padding:0px; margin:0px;} ul.sidebar.row{margin-left:-15px; margin-right:-15px;} .container-fluid.main-content, .container-fluid.pagetitlesubtitle, #cta-sidebar .container-fluid, #why-sidebar .container-fluid, #faq-sidebar .container-fluid, .blog-intro-filters, .mainimagecontainer{padding-top:6.5em !important; padding-bottom:6.5em !important;} .footer-middle .container-fluid{padding-top:6.5em !important;} .all-blogs{padding-bottom:6.5em !important;} .all-blogs .mb-4{margin-bottom:1.75em !important;} .footer-middle .fullwidthborder{padding-top:3.25em !important; padding-bottom:3.25em !important; margin-top:3.25em !important; margin-bottom:3.25em !important;} .mcbtngroup, .mainimagecontainer .btn-container, #cta-sidebar .wp-block-buttons{margin-top:3.25em !important;} #faq-sidebar .wp-block-buttons{margin-top: 3.25em; margin-bottom: 3.25em;} .blogintro{margin-bottom:3.25em !important;} #cta-sidebar{background-size:cover !important; background-position:center !important;} #cta-sidebar .container-fluid{background:var(--mctealoverlay);} #cta-sidebar h2.ctaheading{color:var(--mcwhite) !important; text-shadow: 2px 2px 2px var(--mcshadow); } #cta-sidebar p.ctadescription{color:var(--mcwhite) !important; text-shadow: 2px 2px 2px var(--mcshadow);} #why-sidebar .wp-block-columns.is-layout-flex{gap:3rem;} #why-sidebar h2{margin-bottom:3rem !important; position:relative; padding-top:3.25em !important;} #why-sidebar h2:before{content:""; background:url("images/Moderation-Clinic-Purple-Symbol.png") no-repeat; background-size:2.5em; position:absolute; top: 0%; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); width:2.5em; height:2.5em;} .page-template-page-faq .main-content, #faq-sidebar{background:var(--mcpeach);} .page-template-page-faq .main-content .wp-block-columns, #faq-sidebar .wp-block-columns{margin-bottom:0px !important;} .page-template-page-faq .main-content .wp-block-details:not(:last-child), #faq-sidebar .wp-block-details:not(:last-child){margin-bottom:1.5rem;} .wp-block-details{background:var(--mcwhite); border-radius:1rem; padding:1.5rem 3rem 1.5rem 1.5rem;} .wp-block-details summary{color:var(--mcpurple); font-family: 'Metropolis Black', sans-serif; position:relative;} .wp-block-details summary::marker {content: none;} .wp-block-details summary::after {content: " +"; float: right; text-align: right; color:var(--mcteal); line-height:0.5; position:absolute; right:-1.5rem; top:50%; -ms-transform: translateY(-50%); transform: translateY(-50%); font-family: 'Metropolis Light', sans-serif !important; font-weight:300 !important;} .wp-block-details[open] summary::after {content: " -"; color:var(--mcteal); line-height:0.5;} h3.blogtitle a{color:var(--mcpurple) !important;} h4.blogsubtitle{margin-bottom:1rem !important; } .blog-inner .excerpt{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical; margin-bottom:1rem;} .blogimage{width:100%; height:20vw; overflow:hidden; } .blogimage img{object-fit:cover; width:100%; height:100%; border-radius:2rem;} .gform-theme--foundation .gform_fields{grid-row-gap: 1.5em !important; row-gap: 1.5em !important;} :where(.wp-block-columns){margin-top:1.75em !important; margin-bottom:1.75em !important;} /*=============FOOTER=============*/ footer .footer-top{background:var(--mcpurple);} footer .footer-top h2.footer-cta{color:var(--mcwhite) !important;} footer .footer-top h2.footer-cta a{color:var(--mcwhite) !important; text-decoration:underline !important;} footer .footer-middle{background:var(--mcwhite);} footer .footer-middle .mc-contact p{margin-bottom:0.25em !important; line-height: 2em;} footer .footer-middle .mc-contact p.phone a:before{content:" "; background:url("images/phone-purple.png") no-repeat; background-size: contain; background-position: bottom; width:1em; height:1em; display: inline-flex; margin-right: 0.5em;} footer .footer-middle .mc-contact p.phone a{color:var(--mcdarkpurple);} footer .footer-middle .mc-contact p.phone a:hover{color:var(--mcteal);} footer .footer-middle .mc-contact p.phone a:hover:before{content:" "; background:url("images/phone-purple.png") no-repeat; background-size: contain; background-position: bottom;} footer .footer-middle .mc-contact p.email a:before{content:" "; background:url("images/email-purple.png") no-repeat; background-size: contain; background-position: bottom; width:1em; height:1em; display: inline-flex; margin-right: 0.5em;} footer .footer-middle .mc-contact p.email a{color:var(--mcdarkpurple);} footer .footer-middle .mc-contact p.email a:hover{color:var(--mcteal);} footer .footer-middle .mc-contact p.email a:hover:before{content:" "; background:url("images/email-purple.png") no-repeat; background-size: contain; background-position: bottom;} footer .footer-middle .mc-contact p.hours span:before{content:" "; background:url("images/hours-purple.png") no-repeat; background-size: contain; background-position: bottom; width:1em; height:1em; display: inline-flex; margin-right: 0.5em;} footer .footer-middle .mc-contact ul.socialmedia{list-style:none; padding:0px; margin:0px; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; gap:1.5rem; } footer .footer-middle .mc-contact ul.socialmedia li a{display:block; width:1.5em; height:1.5em; background-size:100%; background-repeat:no-repeat;} footer .footer-middle .sidebar li.widget:not(:last-child){margin-bottom:1.5em;} footer .footer-middle .row > div:last-child{border-top:1px solid var(--mclightpurple); border-bottom:1px solid var(--mclightpurple);} footer .wp-block-media-text .wp-block-media-text__content{padding-right:0px !important;} footer .footer-bottom{} a.back-to-top {display: none; text-indent: -9999px; position: fixed; z-index: 99999999; background:url(images/top-page.png) no-repeat; background-size:100%; right: 0.5em; bottom: 1em; width: 3em; height: 1.75em;} @media only screen and (max-width: 575px){ body{font-size:0.6em !important;} header ul.menu li a, header .header-phone a, header .header-booking a, footer p, a.wp-block-button__link, .main-content .wp-block-group p, #why-sidebar p, .mainimagecontainer .btn-container a.banner-btn, .blog-inner .excerpt p, .blog-inner p.blogbtn, .wp-block-details p, #faq-sidebar p, h2.scope, p.sharelink{font-size:var(--mcfontP);} input[type=text], input[type=tel], input[type=email], input[type=password], input[type=email], textarea, select, input.gform_button{font-size:var(--mcfontP) !important;} .container-fluid {padding-left: 10vw !important; padding-right: 10vw !important;} .main-content h2{margin-top:1.75rem !important; margin-bottom:1.5rem !important;} header .header-left{padding-top:0 !important; padding-bottom:0 !important; padding-left:0px !important;} header .header-logo{height:4rem;} /*.mainimagecontainer{position:relative; height:40vh;} .mainimagecontainer .mainimage{position:relative; height:40vh; width:100%; overflow:hidden;} .mainimagecontainer .mainimage .overlay{padding-left:10%; padding-right:10%;} .home .mainimagecontainer{height:150vw;} .home .mainimagecontainer .mainimage{height:150vw;}*/ .mainimagecontainer .bannerimg{width:75%;} .mainimagecontainer .btn-container{flex-wrap: wrap; gap: 1.75em; margin-top:3.25em; margin-bottom:3.25em;} a.back-to-top {right: 0.5em; bottom: 0.5em; width:3em; height: 1.75em;} .wp-block-buttons-is-layout-flex{gap:1.5rem;} .wp-block-buttons > .wp-block-button{width:100%;} a.wp-block-button__link{width:100%;} input.gform_button{width:100% !important;} .wp-block-buttons > .wp-block-button.wp-block-button__width-50 { -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; max-width: 100% !important; width: 100% !important; } .wp-block-buttons > .wp-block-button.wp-block-button__width-50:not(:last-child) { margin-bottom:3rem !important; } .blogimage{width:100%; height:80vw; overflow:hidden; } .fullwidthborder figure{text-align:center; margin-bottom:1.5rem !important;} .fullwidthborder figure img{width:50% !important;} } @media (max-width: 600px) { .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content { padding-left:0px !important; } } @media only screen and (min-width: 576px){ body{font-size:1em !important;} .wp-block-buttons-is-layout-flex{gap:2em;} /*.wp-block-column{flex-basis: calc(50% - 2.5em) !important;} .wp-block-column:not(:first-child){margin-left: 5em !important;}*/ } @media only screen and (min-width: 768px){ } @media only screen and (min-width: 992px){ body{font-size:1em/*0.625em*/ !important;} .container-fluid{padding-left:5vw !important; padding-right:5vw !important;} header .header-left{ padding-left:5vw !important; -ms-flex: 0 0 calc((((100vw - (100vw - 100%)) - 10vw)/4*1) + 5vw); flex: 0 0 calc((((100vw - (100vw - 100%)) - 10vw)/4*1) + 5vw); max-width: calc((((100vw - (100vw - 100%)) - 10vw)/4*1) + 5vw); } header .header-right{ -ms-flex: 0 0 calc((((100vw - (100vw - 100%)) - 10vw)/4*3) + 5vw); flex: 0 0 calc((((100vw - (100vw - 100%)) - 10vw)/4*3) + 5vw); max-width: calc((((100vw - (100vw - 100%)) - 10vw)/4*3) + 5vw); } header .header-right .header-top, header .header-right .header-bottom{padding-right:5vw !important;} header .header-top .container-fluid{padding-left:0px !important; padding-right:0px !important;} header .header-left{ padding-left:5vw !important; padding-right:2.5rem; -webkit-clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 101.94% 46.04%, 91.97% 0%); clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 101.94% 46.04%, 91.97% 0%); -ms-flex: 0 0 calc((((100vw - (100vw - 100%)) - 10vw)/4*1) + 5vw); flex: 0 0 calc((((100vw - (100vw - 100%)) - 10vw)/4*1) + 5vw); max-width: calc((((100vw - (100vw - 100%)) - 10vw)/4*1) + 5vw); } header .header-right{ -ms-flex: 0 0 calc((((100vw - (100vw - 100%)) - 10vw)/4*3) + 5vw); flex: 0 0 calc((((100vw - (100vw - 100%)) - 10vw)/4*3) + 5vw); max-width: calc((((100vw - (100vw - 100%)) - 10vw)/4*3) + 5vw); } header .header-left .logo-outer{padding-top: 1rem; padding-bottom: 1rem;} header .header-right .header-top, header .header-right .header-bottom{padding-left: 0 !important; padding-right:5vw !important; } header .header-menu-inner{gap:1.5rem;} header .header-phone-mobile{align-items:center;} header .header-phone-mobile a{width:3.5em; height:3.5em;} /*.main-content .wp-block-columns .wp-block-column:nth-child(odd) .wp-block-group{position:relative; } .main-content .wp-block-columns .wp-block-column:nth-child(odd) .wp-block-group:after{content:""; border-right:1px solid var(--mclightpurple); position:absolute; top:25%; bottom:25%; right:-3rem;}*/ .main-content .wp-block-columns .wp-block-column .wp-block-group{position:relative; } .main-content .wp-block-columns .wp-block-column:not(:last-child) .wp-block-group:after{content:""; border-right:1px solid var(--mclightpurple); position:absolute; top:25%; bottom:25%; right:-3rem;} .all-blogs .col-12:nth-child(3n+2) .blog-content{position:relative;} .all-blogs .col-12:nth-child(3n+2) .blog-content:before{content:""; border-left:1px solid var(--mclightpurple); position:absolute; top:25%; bottom:25%; left:-3rem;} .all-blogs .col-12:nth-child(3n+2) .blog-content:after{content:""; border-right:1px solid var(--mclightpurple); position:absolute; top:25%; bottom:25%; right:-3rem;} #why-sidebar .wp-block-columns.is-layout-flex{gap:6rem;} #why-sidebar .wp-block-columns .wp-block-column:nth-child(2) .wp-block-group{position:relative; } #why-sidebar .wp-block-columns .wp-block-column:nth-child(2) .wp-block-group:before{content:""; border-left:1px solid var(--mclightpurple); position:absolute; top:25%; bottom:25%; left:-3rem;} #why-sidebar .wp-block-columns .wp-block-column:nth-child(2) .wp-block-group:after{content:""; border-right:1px solid var(--mclightpurple); position:absolute; top:25%; bottom:25%; right:-3rem;} } @media only screen and (min-width: 1200px){ body{font-size:1em !important;} header .header-menu-inner{gap:1.5rem;} } @media only screen and (min-width: 992px) and (max-width: 1199px){ .footerlogo figure{text-align:center; margin-bottom:3.25em;} } @media only screen and (min-width: 992px) and (max-width: 1499px){ .mainimagecontainer .bannerimg{width:75%;} } @media only screen and (min-width: 1500px){ body{font-size:1em !important;} header .header-menu-inner{gap:3rem;} footer .footerlogo img{height:11em; width:auto;} } @media only screen and (min-width: 1900px){ body{font-size:1em !important;} } @media only screen and (min-width: 1920px){ .container-fluid{padding-left:10vw !important; padding-right:10vw !important;} header .header-left{ padding-left:10vw !important; -ms-flex: 0 0 calc((((100vw - (100vw - 100%)) - 20vw)/4*1) + 10vw); flex: 0 0 calc((((100vw - (100vw - 100%)) - 20vw)/4*1) + 10vw); max-width: calc((((100vw - (100vw - 100%)) - 20vw)/4*1) + 10vw); } header .header-right{ -ms-flex: 0 0 calc((((100vw - (100vw - 100%)) - 20vw)/4*3) + 10vw); flex: 0 0 calc((((100vw - (100vw - 100%)) - 20vw)/4*3) + 10vw); max-width: calc((((100vw - (100vw - 100%)) - 20vw)/4*3) + 10vw); } header .header-right .header-top, header .header-right .header-bottom{padding-right:10vw !important;} } @media only screen and (min-width: 2500px){ header .pl-5{padding-left: 3.8rem !important;} .container-fluid{padding-left:20vw !important; padding-right:20vw !important;} header .header-left{ padding-left:20vw !important; -ms-flex: 0 0 calc((((100vw - (100vw - 100%)) - 40vw)/4*1) + 20vw); flex: 0 0 calc((((100vw - (100vw - 100%)) - 40vw)/4*1) + 20vw); max-width: calc((((100vw - (100vw - 100%)) - 40vw)/4*1) + 20vw); } header .header-right{ -ms-flex: 0 0 calc((((100vw - (100vw - 100%)) - 40vw)/4*3) + 20vw); flex: 0 0 calc((((100vw - (100vw - 100%)) - 40vw)/4*3) + 20vw); max-width: calc((((100vw - (100vw - 100%)) - 40vw)/4*3) + 20vw); } header .header-right .header-top, header .header-right .header-bottom{padding-right:20vw !important;} } @media only screen and (min-width: 3000px){ body{font-size:1em !important;} } @media only screen and (max-width: 768px){ .main-content .wp-block-columns.is-layout-flex, #why-sidebar .wp-block-columns.is-layout-flex{gap:0;} } @media only screen and (max-width: 991px){ .main-content ul:not(.side-menu):not(.children){padding-left:1.75rem;} .footerlogo figure{text-align:center;} .footerlogo figure img{width:50% !important;} .sfsi_shortcode_container{float:none !important;} #copy-link-btn {display: block; margin-left: 0; margin-top:1rem;} .blog-intro-filters.emptycontainer{padding-bottom:0px !important;} .mainimagecontainer::after {right: -15vw; background-size: auto 105%; background-position: top 50% right;} .pagetitlesubtitle:not(.ptsbkg):before{left:-10vw; top:0px; bottom:0px; right:0; background-size: auto 125%; background-position: top 0% left;} .pagetitlesubtitle:not(.ptsbkg):after{left:0%; top:0px; bottom:0px; right:-10vw; background-size: auto 125%; background-position: top 0% right;} .mainimagecontainer .btn-container{margin-bottom: 3.25em;} } @media only screen and (min-width: 768px) and (max-width:991px){ .blogimage{width:100%; height:30vw; overflow:hidden; } } @media only screen and (max-width: 1199px){ .wp-container-core-columns-is-layout-1.wp-container-core-columns-is-layout-1, .wp-container-core-columns-is-layout-2.wp-container-core-columns-is-layout-2, .wp-container-core-columns-is-layout-3.wp-container-core-columns-is-layout-3, .wp-container-core-columns-is-layout-4.wp-container-core-columns-is-layout-4, .wp-container-core-columns-is-layout-5.wp-container-core-columns-is-layout-5{flex-wrap:wrap !important;} .wp-block-columns .wp-block-column{flex-grow: 1 !important; flex-basis: inherit !important;} .wp-block-columns .wp-block-column figure{text-align:center;} }