/*!
Theme Name: May Safely Graze
 Template:  wp-bootstrap-starter
*/

@import url("/assets/css/style-6e4f2136.css");

/* ------------------------------ Font Face ------------------------------ */


/* ---------- Oswald Regular ---------- */

@font-face {
  font-family: 'Oswald';
    src: url(/assets/fonts/oswald-regular.woff2) format('woff2');
    font-weight: normal;
    font-style: normal;
}

/* ---------- Inter Regular ---------- */

@font-face {
  font-family: 'Inter';
    src: url(/assets/fonts/inter-regular.woff2) format('woff2');
    font-weight: normal;
    font-style: normal;
}

/* ---------- Inter Italic ---------- */

@font-face {
  font-family: 'Inter';
    src: url(/assets/fonts/inter-italic.woff2) format('woff2');
    font-weight: normal;
    font-style: italic;
}


/* ---------- Inter Bold ---------- */

@font-face {
  font-family: 'Inter';
    src: url(/assets/fonts/inter-bold.woff2) format('woff2');
    font-weight: bold;
    font-style: normal;
}


/* ---------- Inter Bold Italic ---------- */

@font-face {
  font-family: 'Inter';
    src: url('/assets/fonts/inter-bolditalic.woff2') format('woff2');
    font-weight: bold;
    font-style: italic;
}

/* ------------------------------ General ------------------------------ */

html {scroll-behavior: smooth;}

body {background-color: #ffffff; font-family: 'Inter', Arial, sans-serif!important; color: #444444; font-size: 16px;line-height:1.5;font-weight:300;}

p {line-height:1.6em; font-size:16px; margin-bottom:20px;  font-weight:400; color:#444}

a {color: #222223; cursor:pointer!important; text-underline-offset: 4px; text-decoration: underline}

a, span {
  -webkit-transition: color 0.1s ease-in, background 0.1s ease-in, padding 0.1s ease-in, right 0.1s ease-in;
  -o-transition: color 0.1s ease-in, background 0.1s ease-in, right 0.1s ease-in;
  -ms-transition: color 0.1s ease-in, background 0.1s ease-in, right 0.1s ease-in;
  -moz-transition: color 0.1s ease-in, background 0.1s ease-in, right 0.1s ease-in;
  transition: color 0.1s ease-in, background 0.1s ease-in, padding 0.1s ease-in, right 0.1s ease-in;
}

a:hover, a:focus  {color: #222223; text-decoration:none;}

p a:focus, h2 a:focus, h4 a:focus {text-decoration:none}

hr {border-color:#dddddd; margin:3em 0;}

b, strong {font-weight: bold;}

#page-sub-header {display:none!important}

.home .main {padding-top:0}

h1, h2, h3, h4, h5 {padding:0; margin:0 0 0.6em 0; font-weight:bold; color: #222223;}

h1 {font-size: 70px; line-height:1.2; font-weight:400; text-transform: uppercase; font-family: 'Oswald', Arial, sans-serif!important; color: #ffffff}

h2 {font-size: 36px; line-height:1.3;}

h2 a, h3 a {text-decoration:none}

h3 {font-size: 20px; line-height:1.3}

h4 {font-size: 18px; line-height:1.4}

h5 {font-size: 16px; line-height:1.4}

h2.big-size {font-size: 50px}

p.intro {font-size:22px; line-height:1.5}

/* ------------------------------ Vanilla reset content lists ------------------------------ */

li {line-height:1.5; color:#444}

#main li ul, #main li ol {
    margin:0 2em;
}
#main ul, #main ol {
    margin:0 0 30px;
}
#main ul {
    list-style-type:disc;
}
#main ol {
    list-style-type:decimal;
}

#main li {
    list-style-type:inherit;
    margin-bottom: 10px;
}

#main ol ol {
    list-style: lower-alpha;
}
#main ol ol ol {
    list-style: lower-roman;
}
#main ol ol ol ol {
    list-style: lower-alpha;
}


/* ------------------------------ Header ------------------------------ */

#content.site-content {padding-top:0; padding-bottom:0}

header#masthead {padding-top:20px; padding-bottom: 20px; background-color: transparent; z-index: 20;position: fixed; width:100%; top: 0; left: 0;box-shadow:none;transition: all 0.3s ease-in;border-bottom:1px solid transparent}

.navbar-brand {padding-top:0; padding-bottom:0; margin-top:0; font-size: 1rem}

.navbar-brand img {height: 24px; width: auto; filter: saturate(0) brightness(100);}

header#masthead li {margin-left:25px}

header#masthead li a {font-family: 'Inter', Arial, sans-serif!important; text-decoration:none; font-size:15px!important; position: relative;color: #FFFFFF!important}

header#masthead li a:hover {font-weight:400!important}

header#masthead li > a:after {content: ""; width: calc(100% - 1rem); height: 2px; background: #FFFFFF; display: block; margin-top: 4px; left: 50%; position:absolute; opacity:0; transform: translateX(-100%); transition: all 0.3s;}

header#masthead li > a:hover:after, header#masthead .navbar-nav > li > a:focus:after, header#masthead .navbar-nav>.active>a:after, header#masthead .navbar-nav > li.current_page_item > a:after, header#masthead .navbar-nav > li.current-page-ancestor > a:after, .single header#masthead li.blog > a:after {opacity:1; transform: translateX(-50%);} 

header#masthead .navbar-nav > li.current_page_item > a:after, header#masthead .navbar-nav > li.current-page-ancestor > a:after {background:#FFFFFF} 

body:not(.theme-preset-active) #masthead .navbar-nav > li > a, body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover, body:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_item > a {font-weight:400!important}


/* ------------------------------ Header scroll ------------------------------ */

.scroll-opacity-change {box-shadow: 0 2px 10px rgba(0,0,0,0.1)!important; background-color: #fff!important;}

header#masthead.scroll-opacity-change li a {color: #222223!important}

header#masthead.scroll-opacity-change .navbar-nav > li.current_page_item > a:after, header#masthead.scroll-opacity-change .navbar-nav > li.current-page-ancestor > a:after, .single header#masthead.scroll-opacity-change li.blog > a:after {background: #458505!important}


.scroll-opacity-change .navbar-brand img {
    filter: none;
}

header#masthead.scroll-opacity-change li > a:after {background: #222223!important;}

/* ------------------------------ Template page ------------------------------ */

.pt120 {padding-top: 220px}


/* ------------------------------ Blocks general ------------------------------ */


.block-panel {z-index: 3;  position: relative; overflow:hidden; background-color: #fff}

.block-panel-inner {padding-top:100px; padding-bottom:100px;}

.block-panel-inner.reduced-padding-bottom {padding-bottom:40px;}

.block-panel-inner.reduced-padding-top {padding-top:40px;}

.border-bottom { border-bottom: 1px solid #eaeaea; }

.block-panel ul {padding-top:0px; margin-bottom:30px; padding-left:30px}

.block-panel li {
    list-style-type:inherit;
    margin-bottom: 5px;
    line-height: 1.5;
    padding-left: 10px;
    font-family: 'Inter', Arial, sans-serif!important;
}


/* ------------------------------ Buttons ------------------------------ */

.graze-button {border-radius:50px; margin:0 10px 20px 10px; font-size:16px; padding: 12px 40px 12px 40px; text-decoration:none!important; font-weight:bold; display: inline-block; position:relative; border:2px solid transparent; transition: all 0.1s ease-in; z-index: 2}


.graze-button.green {color:#ffffff; background-color: #458505;}

.graze-button.green:hover, .graze-button.green:active, .graze-button.green:focus {background-color: #366C00;}

.graze-button.black {color:#ffffff; background-color: #222223;}

.graze-button.black:hover, .graze-button.black:active, .graze-button.black:focus {background-color: #444444;}

.graze-button.black-outline {color:#222223; background-color: #ffffff; border-color:#222223;}

.graze-button.black-outline:hover, .graze-button.black-outline:active, .graze-button.black-outline:focus {background-color: #222223; color:#ffffff;}

.graze-button.white-outline {color:#ffffff; background-color: #transparent; border-color:#ffffff;}

.graze-button.white-outline:hover, .graze-button.white-outline:active, .graze-button.white-outline:focus {background-color: #ffffff; color: #111111}



.arrow-right, .arrow-left {display:inline-block}

a.arrow-right:hover, .arrow-left:hover {color: #8A1A9B;}

.arrow-right:after {
content: "";
    background: url(/assets/images/right-arrow.png);
    top: 1px;
    right: -5px;
    display:inline-block;
    position: relative;
    background-size: 22px 12px;
    height: 12px;
    width: 22px;
    background-repeat: no-repeat;
    z-index: 2;
    transition: all 0.1s ease-in;
}

.arrow-right:hover:after {
    right: -8px;
    background-image: url(/assets/images/right-arrow-eggplant.png);
}

a.arrow-left {text-decoration:none}

.arrow-left:before {
content: "";
    background: url(/assets/images/left-arrow.png);
    top: 1px;
    left: 0;
    display:inline-block;
    position: relative;
    background-size: 22px 12px;
    height: 12px;
    width: 22px;
    background-repeat: no-repeat;
    z-index: 2;
    transition: all 0.1s ease-in;
}

.arrow-left:hover:before {
    background-image: url(/assets/images/left-arrow-eggplant.png);
    left: -3px;
}


/* ------------------------------ BLOCK Homepage hero ------------------------------ */


.block-homepage-hero {background-color: #222223; min-height: 100%; height: 100vh; max-height: 900px; display: flex; justify-content: center; align-items: center; background-repeat: no-repeat; background-position: center; background-size: cover; overflow: auto; position: relative; background-attachment: fixed;}

.block-homepage-hero::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.6) 25%, rgba(0, 0, 0, 0.5) 85%, #111111 100%);
    z-index: 1;
}


.block-homepage-hero .block-panel-inner {text-align:center; padding-top: 100px; padding-bottom: 100px; width: 100%;}

.block-homepage-hero h1, .block-homepage-hero p.intro {margin: 0; color: #ffffff; z-index:10; position:relative;}

.block-homepage-hero p.intro {font-size:24px; margin-bottom:40px}

.block-homepage-hero h1 {font-size:90px; margin-bottom:30px}


/* ------------------------------ BLOCK Page hero ------------------------------ */


.block-page-hero {background-color: #222223; background-repeat: no-repeat; background-position: center; background-size: cover; overflow: auto; position: relative; background-attachment: fixed; background-image: url(/assets/images/grass.jpg);}

.block-page-hero::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4);
}


.block-page-hero .block-panel-inner {text-align:center; padding-top: 260px; padding-bottom: 200px}

.block-page-hero h1, .block-page-hero p.intro {color: #ffffff; z-index:10; position:relative;}

p.intro {font-size:22px; margin-bottom:0;}

.block-page-hero h1 {margin-bottom:30px}


/* ------------------------------ BLOCK Single hero ------------------------------ */


.block-single-hero {background-color: #458505;}

.block-single-hero .block-panel-inner {text-align:center; padding-top: 200px; padding-bottom: 120px}

.block-single-hero h1, .block-single-hero p.intro {color: #ffffff;}

p.intro {font-size:20px; margin-bottom:0;}

.block-single-hero h1 {margin-bottom:30px; text-transform: none; font-size: 54px}


/* ------------------------------ BLOCK Contributor ------------------------------ */

.block-contributor {}

.block-contributor .feature-image {margin-bottom: 40px}

.block-contributor h2 {font-weight:400; text-transform: uppercase; font-family: 'Oswald', Arial, sans-serif!important; font-size: 36px; margin-bottom: 10px;}

.block-contributor p.role {font-size: 20px}

.block-contributor p {}

.block-contributor .social-icon {height: 32px; width: 32px; margin: 10px 0 0}


/* ------------------------------ BLOCK Two column ------------------------------ */

.block-two-column {background-color: #111111;}

.block-two-column .block-panel-inner {padding-top:80px; padding-bottom:80px}

.block-two-column p {color: #ffffff}

.text-column-1 p {font-size: 22px; margin-bottom: 40px;}

.text-column-2 p {margin-bottom: 40px;}

.text-column-2 .social-icon {height: 32px; width: 32px; margin: 0 20px 0 0}


/* ------------------------------ BLOCK Quote ------------------------------ */

.block-quote {text-align:center; background-repeat: no-repeat; background-position: center center; background-size: cover;background-attachment: fixed}

.block-quote::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4);
}

.block-quote .block-panel-inner {padding-top:220px; padding-bottom:220px; position: relative; z-index: 2;}

h2.quote {font-size:42px; font-weight: 400; margin-bottom:0; color: #ffffff; text-transform: none; font-family: 'Oswald', Arial, sans-serif!important;}


/* ------------------------------ BLOCK Kill counter ------------------------------ */

.block-kill-counter {background-color: #EFEFEF; text-align: center;}

.block-kill-counter h2 {font-weight:400; text-transform: uppercase; font-family: 'Oswald', Arial, sans-serif!important;}

.block-kill-counter .block-panel-inner {padding-top:100px; padding-bottom:40px}

.block-kill-counter p.intro {margin-bottom: 60px}

.kill-col {margin-bottom: 20px}

.number-count {font-size: 36px; font-family: 'Oswald', Arial, sans-serif!important;}

.source {font-size: 14px; margin-top: 50px}


/* ------------------------------ BLOCK Blog posts ------------------------------ */

.block-blog-posts {}

.block-blog-posts .block-panel-inner {}

.block-blog-posts h2 {margin-bottom: 60px; text-align: center;font-weight:400; text-transform: uppercase; font-family: 'Oswald', Arial, sans-serif!important;}

.card-align {display: flex;}

.blog-card {margin-bottom:30px; border: 1px solid #cccccc}

.blog-card:hover {opacity: 0.7;}

.blog-card a {text-decoration: none!important;}

.blog-thumb {position: relative; margin-bottom:30px; transition: all 0.3s; background-color: #EAEAEA}

.blog-thumb::after {
    display: block;
    content: '';
    padding-bottom: 65%;
}

.blog-card h3 {padding: 0 25px; font-size: 18px}

p.post-date {margin-bottom: 7px!important; color: #777777!important}

.blog-card p {padding: 0 25px; margin-bottom: 30px; font-size: 14px; line-height: 1.4;}

.block-blog-posts .graze-button {margin: 30px auto 0}



/* ------------------------------ BLOCK Content ------------------------------ */

.block-content {}

.block-content .block-panel-inner {padding-top:50px; padding-bottom:50px}

.block-content h2 {font-size: 22px; margin-bottom:20px}

.block-content h3 {font-size: 20px;}

.block-content h4 {font-size: 18px;}

.block-content .block-panel-inner p:last-child {margin-bottom: 0}


/* ------------------------------ YOUTUBE ------------------------------ */

#html .arve {margin-bottom: 0;}

.wp-block-embed figcaption {margin-bottom: 40px}

.wp-block-embed {margin: 0 auto; max-width: 770px;   padding-left: 15px;
  padding-right: 15px;}


/* ------------------------------ BLOCK Contact ------------------------------ */

.block-contact {}

.block-contact .block-panel-inner {padding-top:0; padding-bottom:120px}

.block-contact h2 {font-size: 28px; margin-bottom: 30px}

.contact-details {padding-bottom:50px;}

.contact-details p {margin-bottom:15px; padding: 5px 0 5px 40px; line-height:24px; background: left center no-repeat; background-size: 30px 30px;}

p.phone {background-image: url(/assets/images/mobile-phone.png) }

p.email {background-image: url(/assets/images/email.png) }

p.location {background-image: url(/assets/images/location.png) }

div.wpforms-container-full .wpforms-form .wpforms-field-label {font-weight: 300; font-size:14px; margin-bottom:10px}

div.wpforms-container-full .wpforms-form input.wpforms-field-medium, div.wpforms-container-full .wpforms-form select.wpforms-field-medium, div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium {max-width:none!important; height: 48px; border-radius: 4px}

div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button {background-color: #64CCC9; border:none; color: #222; font-size: 16px; padding: 12px 25px; margin-top:15px; border-radius:4px}

div.wpforms-container-full .wpforms-form input[type=submit]:hover, div.wpforms-container-full .wpforms-form input[type=submit]:focus, div.wpforms-container-full .wpforms-form input[type=submit]:active, div.wpforms-container-full .wpforms-form button[type=submit]:hover, div.wpforms-container-full .wpforms-form button[type=submit]:focus, div.wpforms-container-full .wpforms-form button[type=submit]:active, div.wpforms-container-full .wpforms-form .wpforms-page-button:hover, div.wpforms-container-full .wpforms-form .wpforms-page-button:active, div.wpforms-container-full .wpforms-form .wpforms-page-button:focus {background-color: #70E7E3; border:none;}


/* ------------------------------ Blog ------------------------------ */

.block-blog .block-panel-inner {padding-bottom: 30px;}

#numeric-pagination {padding-top:15px; margin:0 0 80px; clear:both; font-size:18px; text-align: center; width:100%;}

a.page-numbers, .page-numbers.current {padding:0 10px;}

#numeric-pagination a {border:none; text-decoration: none; color:#555555}

#numeric-pagination a:hover {border:none; opacity:0.7}

.page-numbers.current {color:#333333; font-weight:bold}


/* ------------------------------ Blog post ------------------------------ */

.blog-post .block-panel-inner {padding-top: 80px; padding-bottom: 80px}

.blog-feature-image {max-height: 540px; width: auto; margin-bottom: 30px;}

#comments {margin-top: 80px; padding-top: 30px; border-top: 1px solid #cccccc}

h2.comments-title {margin-bottom: 30px; font-size: 20px}

#main .comment-list {margin-bottom: 50px; padding-left: 0}

.blog-post .btn-primary {background-color: #458505; border-color: #458505;}

.blog-post .btn-primary:hover, .blog-post .btn-primary:focus, .blog-post .btn-primary:active {background-color: #366C00; border-color: #366C00;}

#main label {margin-right: 10px}

#main input {padding: 10px;}

.prevnext {padding-top: 50px; padding-bottom: 50px; border-top: 1px solid #cccccc}

.prev-post {text-align: right;}

.small-p {font-size: 14px; margin-bottom: 5px;}


/* ------------------------------ 404 ------------------------------ */

.error404 .block-page-hero h1 {margin-bottom:30px; text-transform: none; font-size: 54px}

.error404 .block-page-hero {background-image: url(/assets/images/piglets.jpg);}

/* ------------------------------ Forms ------------------------------ */

.gform-body li {padding-left: 0!important}

.gform_wrapper.gravity-theme #field_submit input, .gform_wrapper.gravity-theme .gform_footer input, .gform_legacy_markup_wrapper .gform_footer input.button, .gform_legacy_markup_wrapper .gform_footer input[type="submit"], .gform_legacy_markup_wrapper .gform_page_footer input.button, .gform_legacy_markup_wrapper .gform_page_footer input[type="submit"] {color:#ffffff;background-color: #458505; border-color: #458505;border-radius:50px; padding: 12px 40px 12px 40px!important; text-decoration:none!important; font-weight:bold}


.graze-button.green:hover, .graze-button.green:active, .graze-button.green:focus {background-color: #366C00;}


/* ------------------------------ Footer ------------------------------ */

#footer {background-color:#111111; padding:0; position:relative; overflow:hidden; z-index: 1;}

.inner-footer {padding-top: 50px; padding-bottom: 50px;}

.inner-footer p {font-size:14px; line-height:1.4; margin-bottom:0; color: #ffffff}

.footer-social {text-align: right}

#footer .widget {margin:0}

.social-icon {height: 24px; width: 24px; margin-left: 20px}

.social-icon:hover {opacity: 0.8}

#menu-footer-links.nav {display: block;}

#menu-footer-links li {display: inline-block; font-size:14px}

#menu-footer-links li a:hover {background:none!important}

#menu-footer-links .nav-link {padding:0; margin-right: 20px}


/* ------------------------------ Media queries ------------------------------ */

@media screen and (min-width: 1600px){

.container {max-width:1400px; padding-left:20px; padding-right:20px}
    
.block-expertise-overview .block-panel-inner, .block-image-text .block-panel-inner {padding-top: 140px!important; padding-bottom: 140px!important;}
    
.block-image-hero .block-panel-inner {padding-top: 180px!important; padding-bottom: 180px!important;}
    
}

@media screen and (max-width: 1199px){
    
.block-image-hero .block-panel-inner {padding-top:100px; padding-bottom:100px} 
    
.block-image-hero h1 {font-size:48px; max-width:none}
    
.block-image-text h2 {margin-top:0}

    
}


@media screen and (min-width: 991px){

.text-col {padding-left:70px}

header#masthead {padding-left:30px; padding-right:30px}
    
}


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


.block-homepage-hero {max-height: 800px;}

.block-page-hero .block-panel-inner {padding-top: 200px; padding-bottom: 200px}

.block-single-hero .block-panel-inner {padding-top: 120px; padding-bottom: 120px}

.navbar-nav {margin-top:15px}

.first {order: 2;}

header#masthead li a {text-decoration:none; font-size:16px!important;}

ul#menu-main-menu {margin-top:20px; margin-bottom:10px}
    
header#masthead li {margin-left:0}
    
header#masthead {background-color:#fff;}
  
body:not(.theme-preset-active) #masthead .navbar-nav > li > a {padding:10px 0}

header#masthead li > a:after {display: none;}

header#masthead li > a:hover:after, .navbar-nav > li > a:focus:after {display: none;}
    
.navbar-light .navbar-toggler {margin-right: -15px}
    
.navbar-brand img {filter: none;}

header#masthead li a {color:#222223!important}
    
#content.site-content {padding-top:70px;}

.block-purple-hero .block-panel-inner, .block-text-hero .block-panel-inner {padding-top: 150px; padding-bottom: 150px;}

    .pt120 {padding-top: 80px}
    
    .member-contact-details {margin-bottom:40px; padding-bottom:20px; border-bottom:1px solid #cccccc}

.block-image-text h2 {margin-top:40px}
    
    
}


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

.block-homepage-hero {max-height: 700px;}

.block-page-hero .block-panel-inner {padding-top: 120px; padding-bottom: 120px}
    
.navbar-brand img {height: 20px;}
    
#content.site-content {padding-top:60px;}
    
header#masthead {padding:15px 0}

.container, .container-sm {max-width: none;}
    
.block-panel-inner {padding-top:60px; padding-bottom:80px;}

.last-expertise-item .block-panel-inner {padding-bottom:80px}
    
.container, .container-fluid {padding-left:30px; padding-right:30px; width:100%; max-width: none}  
    
.image-hero-background {background: transparent!important}

.block-homepage-hero h1 {font-size:64px;}
    
h1 {font-size:54px}

.block-page-hero p.intro {font-size: 20px}

h2.big-size {font-size: 36px; }
    
.block-purple-hero .block-panel-inner, .block-text-hero .block-panel-inner {padding-top: 100px; padding-bottom: 100px;}
    
.block-purple-hero p.intro {font-size:20px}

    .block-purple-hero h1 {font-size:42px;}
    
.pt120 {padding-top: 60px}

.image-hero-background {background-image:none}
    
.block-panel-inner.reduced-padding-bottom {padding-bottom:0}    

.expertise-item, .expertise-row {padding: 30px 0}

.inner-footer {text-align: center;}

.footer-social {text-align: center; margin-top:25px}

.block-quote .block-panel-inner {padding-top:150px; padding-bottom:150px;}

h2.quote {font-size:36px;}
    
}


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

.next-p {margin-bottom: 40px}

.prev-post {text-align: left;}

.block-single-hero h1 {font-size: 42px}

.block-homepage-hero {min-height: 0; height: inherit;}
    
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {width: auto; padding-right: 15px; padding-left: 15px;}

    .barrister-tile {margin-bottom:30px}
    
    .barrister-tile:last-child {margin-bottom:0}
    
}