/*
Theme Name: Shield Commercial Estates
Author: Seven Hills Creative
Author URI: https://www.sevenhillscreative.co.uk/
Description: Another custom theme for a happy customer!
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 2024.1
Requires at least: 5.2
Requires PHP: 7.0
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,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%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}

/* ///// BASE ///// */
/* ///// BASE ///// */
/* ///// BASE ///// */

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    color: #212529;
    box-sizing: border-box;
    font-family: "Montserrat", sans-serif;
    font-size: 1em;
    line-height: 1.5em;
    transition: all 0.4s ease;
    /*outline: 1px solid red !important; */
}

html{
  overflow-x: hidden !important;
  background-color: #fdfcde;
}

body{
  font-family: "Montserrat", sans-serif;
  overflow-x: hidden !important;
  position: relative;
  grid-template-columns: 1fr;
}

@media only screen and (max-width: 1100px) {}
@media only screen and (max-width: 960px) {}
@media only screen and (max-width: 760px) {}
@media only screen and (max-width: 660px) {}
@media only screen and (max-width:  560px) {}
@media only screen and (max-width: 460px) {}
@media only screen and (max-width: 360px) {}
@media only screen and (max-width: 320px) {

    body, header, main, section, footer {
    width: 320px;
    
    }

}

/* ///// LAYOUT ///// */
/* ///// LAYOUT ///// */
/* ///// LAYOUT ///// */

main, body, article{
  display: grid;
  grid-column: 1 / 17;
  grid-template-columns: repeat(16, 1fr);
}

section{
  display: grid;
  grid-template-columns: repeat(16, 1fr);
  grid-column: 1 / 17;
  justify-self: center;
  padding-top: 5em;
  max-width: 1380px;
  width: 100%;
}

footer{
  display: grid;
  grid-template-columns: 1fr;
  grid-column: 1 / 17;
  justify-self: center;
  padding-bottom: 2em;
  max-width: 1380px;
  width: 100%;
}




.col-16{grid-column-start: span 16;}
.col-15{grid-column-start: span 15;}
.col-14{grid-column-start: span 14;}
.col-13{grid-column-start: span 13;}
.col-12{grid-column-start: span 12;}
.col-11{grid-column-start: span 11;}
.col-10{grid-column-start: span 10;}
.col-9{grid-column-start: span 9;}
.col-8{grid-column-start: span 8;}
.col-7{grid-column-start: span 7;}
.col-6{grid-column-start: span 6;}
.col-5{grid-column-start: span 5;}
.col-4{grid-column-start: span 4;}
.col-3{grid-column-start: span 3;}
.col-2{grid-column-start: span 2;}



/* ///// TEXT ///// */
/* ///// TEXT ///// */
/* ///// TEXT //// */

h1, h2, h3, h4, h5, h6{
  color: #212529;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  margin: 0.3em 0;
}

h1{
  font-size: 1.3em;
  text-transform: uppercase;
}

h2{
  font-size: 3em;
}

h3{
  font-size: 2em;
}

h4{
  font-size: 1.4em;
}

h5{
  font-size: 1.2em;
}

h6{
  font-size: 1.1em;
}


p{
  color: #212529;
  font-family: "Montserrat", sans-serif;
  line-height: 1.5;
  margin-bottom: 0.8em;
  font-size: 1.1em;
  max-width: 800px;
  text-align: center;
  justify-self: center;
  width: 80%;
}

ul,ol{
  font-family: "Montserrat", sans-serif;
  margin: 1.2em 0;
  padding: 0 6%;
}

ul {
  list-style: none;
}

ul li::before {
  content: "\2022";
  color: #212529;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

ul.post-categories{
  margin: 0;
  padding: 0;
}

ul.post-categories li::before, ul.main-nav li::before, footer li::before {
  content: "";
  width: 0;
  margin-left: 0;
}

ul.main-nav{
  padding: 0;
}

ol{
  list-style-type: decimal;
}

li{
  color: #212529;
}

strong{
  font-weight: 600;
}

em{
  font-style: italic;
}

.underline{
  text-decoration: underline;
}

a{
  color: #00aca8;
  cursor: pointer !important;
  display: inline-block;
  text-decoration: none;
}

hr{
  background-color: rgba(0,0,0,0.1);
  border: 0;
  height: 1px;
  justify-self: center;
  margin: 2em 0;
  width: 100%;
}

blockquote{
  display: grid;
  width: 100%;
}

blockquote p{
  color: #212529;
  font-size: 2.2em;
  font-weight: 400;
  line-height: 1.2;
  max-width: 800px;
  text-align: center;
  justify-self: center;
}

blockquote cite{
  font-weight: 400;
  text-align: center;
  justify-self: center;
}

@media only screen and (max-width: 560px) {

h2{
  font-size: 1.6em;
}

h3{
  font-size: 1.4em;
}

h4{
  font-size: 1.2em;
}

h5{
  font-size: 1.1em;
}

h6{
  font-size: 1em;
}

}




/* ///// SHARED ELEMENTS ///// */
/* ///// SHARED ELEMENTS ///// */
/* ///// SHARED ELEMENTS ///// */


img{
  max-width: 100%;
}

section.shield-main-content{
  grid-template-columns: 1fr;
}

i{
  color: #7bc242;
  margin: 0 0.5em;
  font-weight: 600;
}

section.shield-main-content img{
  justify-self: center;
  max-width: 90%;
}

div.intro-bullets{
  display: grid;
  margin: 1.5em 0 0;
  width: 100%;
}

div.contact-info{
  background-color: #fefeee;
  display: grid;
  padding: 2em 0;
  width: 100%;
}

footer a{
  text-transform: uppercase;
}


/* ///// WP ///// */
/* ///// WP ///// */
/* ///// WP ///// */

.has-text-align-left{
  text-align: left !important;
}

.has-text-align-right{
  text-align: right !important;
}

.has-text-align-center{
  text-align: center !important;
}