/*
Theme Name: Dead Horse Sales and Rentals
Author: SWD
Author URI: https://swd.ca
Version: 1.0.0
*/



html {-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin:0; padding:0; }
body {margin: 0; padding:0; color: #000; font-size: 20px; text-rendering: optimizeLegibility; overflow-x: hidden; background-color: #fff;  font-family: "Inconsolata", monospace;}

*, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.clearfix:before, .clearfix:after {content: " "; display: table;}
.clearfix:after {clear: both;}
 
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {display: block;}
audio, canvas, progress, video {display: inline-block; vertical-align: baseline;}
audio:not([controls]) {display: none; height: 0;}
[hidden], template {display: none;}

abbr[title] {border-bottom: 1px dotted;}
small {font-size: 80%;}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0;}
svg:not(:root) {overflow: hidden;}
figure {margin: 0;}
hr {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
code, kbd, pre, samp {font-size: 1em;}
button, input, optgroup, select, textarea {color: inherit; font: inherit; margin: 0;}
select {text-transform: none;}
button {overflow: visible;}
button, input, select, textarea {max-width: 100%;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer;}
button[disabled], html input[disabled] {cursor: default; opacity: .5;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}
input[type="checkbox"], input[type="radio"] {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right: 0.4375em; padding: 0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-appearance: textfield;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
fieldset {border: 1px solid #d1d1d1; margin: 0 0 1.75em; padding: 0.875em;}
fieldset > :last-child {margin-bottom: 0;}
legend {border: 0; padding: 0;}
textarea {overflow: auto; vertical-align: top;}
optgroup {font-weight: bold;}
/* ==================================================================================================================================================================================================
                                                                                   WP ALIGNMENTS
====================================================================================================================================================================================================*/
.alignleft {float: left; margin: 5px 20px 20px 0;}
.alignright {float: right; margin: 5px 0 20px 20px;}
.aligncenter {clear: both; display: block; margin: 0 auto 1.75em;}
/* ==================================================================================================================================================================================================
                                                                                   FLEXIBLE EMBEDS
====================================================================================================================================================================================================*/
embed, iframe, object, video {margin-bottom: 0; max-width: 100%; vertical-align: middle;}
p > embed, p > iframe, p > object, p > video {margin-bottom: 0;}
.entry-content .wp-audio-shortcode a, .entry-content .wp-playlist a {box-shadow: none;} 
.wp-audio-shortcode, .wp-video, .wp-playlist.wp-audio-playlist {margin-top: 0; margin-bottom: 1.75em;}
.wp-playlist.wp-audio-playlist {padding-bottom: 0;}
.wp-playlist .wp-playlist-tracks {margin-top: 0;}
.wp-playlist-item .wp-playlist-caption {border-bottom: 0; padding: 0.7142857143em 0;}
.wp-playlist-item .wp-playlist-item-length {top: 0.7142857143em;}
/* ==================================================================================================================================================================================================
                                                                                   CAPTIONS STYLE
====================================================================================================================================================================================================*/
.wp-caption {margin-bottom: 0; max-width: 100%;}
.wp-caption img[class*="wp-image-"] { display: block; margin: 0;}
.wp-caption .wp-caption-text {margin: 0.8075em 0;}
.wp-caption-text {text-align: center;}
/* ==================================================================================================================================================================================================
                                                                                   GALLERIES STYLE
====================================================================================================================================================================================================*/
.gallery {margin: 50px auto 1.75em !important;}
.gallery img {border:0 !Important; }
.gallery-item {display: inline-block; max-width: 33.33%; padding: 0 1.5% !important; margin: 0 !important; text-align: center; vertical-align: top; width: 100%;}
.gallery-columns-1 .gallery-item {max-width: 100%;}
.gallery-columns-2 .gallery-item {max-width: 50%;}
.gallery-columns-4 .gallery-item {max-width: 25%;}
.gallery-columns-5 .gallery-item {max-width: 20%;}
.gallery-columns-6 .gallery-item {max-width: 16.66%;}
.gallery-columns-7 .gallery-item {max-width: 14.28%;}
.gallery-columns-8 .gallery-item {max-width: 12.5%;}
.gallery-columns-9 .gallery-item {max-width: 11.11%;}
.gallery-icon img {margin: 0 auto;}
.gallery-caption {color: #686868; display: block; font-size: 13px; font-style: italic; line-height: 1.6153846154; padding-top: 0.5384615385em;}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {display: none;}
/* ==================================================================================================================================================================================================
                                                                                   BASIC FORMATTING
====================================================================================================================================================================================================*/
h1, h2, h3, h4, h5, h6 {margin:0; padding:0 0 5px 0; color: #000; line-height: 1.2; font-family: "Playfair Display", serif; font-weight:400;}
h1 {font-size: 50px; line-height: 1;}
h2 {margin-bottom: 1.2rem; font-size: 30px; line-height: 1;}
.home h2 {margin-bottom: 4rem; text-align: center; font-size: 40px; line-height: 1; font-weight:800;}
.home h2 strong {font-weight:800; color: #901920;}


h3 {font-size: 24px;}

p {margin: 0 0 0.8rem; padding:0; font-size: 20px; line-height: 1.3;}

dfn, cite, em, i {font-style: italic;}

blockquote {margin:0; padding:0; text-align: center;}
blockquote p {margin:0; padding:0 1% 1rem; font-size: 22px !important; line-height: 1.4; font-style: italic;}
blockquote cite {display: block; margin:0; padding:0; font-size: 22px; line-height: 1; font-style: normal;}

address {font-style: normal; margin: 0; padding: 0; font-size: 0.875em; line-height: 1.6;}
address p {margin: 0; padding: 0; font-size: 0.875em; line-height: 2; font-weight: 400;}

code, kbd, tt, var, samp, pre {font-family: Inconsolata, monospace;}

pre {border: 1px solid #d1d1d1; font-size: 1em; font-size: 1rem; line-height: 1.3125; margin: 0 0 1.75em; max-width: 100%; overflow: auto; padding: 1.75em; white-space: pre; white-space: pre-wrap; word-wrap: break-word;}
code {background-color: #d1d1d1; padding: 0.125em 0.25em;}
abbr, acronym {border-bottom: 1px dotted #d1d1d1; cursor: help;}
mark, ins {background: #e6e6e6; color: #fff; padding: 0.5rem 0.2rem; text-decoration: none;}
big {font-size: 125%;}

a {color: #333e45; cursor: pointer; text-decoration: none;  outline-style: solid !important;}
a, a:hover, a:active, a:focus, button, input[type="button"] {outline: 0; transition-property: all; transition-duration: 0.5s; transition-timing-function: ease-out;

}
a:hover {text-decoration: none;}
a:focus {text-decoration: none;
outline: 2px solid  #901920 !important;
outline-offset: 2px;
  -webkit-transition: none !important;
  transition: none !important;
}
a:active {text-decoration: none;}

p a:hover {text-decoration: underline;}

hr {margin:10px 0; padding:0; border: 0; height: 1px;  background-color: #d0d1d2;}

ul, ol {margin: 0 0 1.75em 1.25em; padding: 0;}
ul {list-style: none;}
ol {list-style: decimal; margin-left: 1.5em;}
li > ul, li > ol {margin-bottom: 0;}
dl {margin: 0 0 1.75em;}
dt {font-weight: 700;}
dd {margin: 0 0 1.75em;}

img {height: auto; max-width: 100%; vertical-align: middle; }


del {opacity: 0.8;}

figure {margin: 1em 0;}

table {margin: 2rem 0; width: 100%;}

.button, 
button, 
button[disabled]:hover, 
button[disabled]:focus, 
input[type="button"], 
input[type="button"][disabled]:hover, 
input[type="button"][disabled]:focus, 
input[type="reset"], 
input[type="reset"][disabled]:hover, 
input[type="reset"][disabled]:focus, 
input[type="submit"], 
input[type="submit"][disabled]:hover, 
input[type="submit"][disabled]:focus {margin:0; padding: 0.8rem 2.5rem !important; text-align: center; width: auto; height: auto; font-size: 26px !important; background-color: #901920; border-radius: 14px; border: 2px solid #901920; color: #fff; font-weight: 400; line-height: 24px; transition-property: all; transition-duration: 0.5s; transition-timing-function: ease-out; display: inline-flex; align-items: center; justify-content: center;}

.gform_button.button {margin:0; padding: 0.8rem 2.5rem 0.8rem 4rem !important; text-align: center !important; width: auto !important; height: auto !important; font-size: 26px !important; background-color: #901920; border-radius: 14px !important; border: 2px solid #901920; color: #fff !important; font-weight: 400 !important; line-height: 24px !important; transition-property: all; transition-duration: 0.5s; transition-timing-function: ease-out; display: inline-flex !important; align-items: center !important; justify-content: center !important; position: relative; z-index: 10;}

.button:before, 
button:before, 
input[type="button"]:before, 
input[type="reset"]:before, 
input[type="submit"]:before {content: ''; margin: 0 9px 0 0;  display: inline-block; width: 25px; height: 24px; background: transparent url('images/bt-arrow.png') no-repeat 0 0;}

.submit-wrapper {position: relative; z-index: 10;}
.submit-wrapper:before {content: ''; margin: 0 9px 0 0;  display: inline-block; width: 25px; height: 24px; background: transparent url('images/bt-arrow.png') no-repeat 0 0; position: absolute; top: 15px; left: 1.4rem; z-index: 99;}


.button:hover, button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus {background-color: #000; border: 2px solid #000; text-decoration: none; color: #fff !important;}
.button a {}
.button a:hover {}


:focus {outline: 2px solid  #901920; outline-offset: 2px;}
.skip {position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden;}
.skip:focus {position: static; width: auto; height: auto;}


/* ==================================================================================================================================================================================================
                                                                                  GENERAL STYLES
====================================================================================================================================================================================================*/

section {margin:0 auto; padding: 1rem 0; width: 100%; max-width: 2560px; }
.container {margin: 0 auto; width: 100%; max-width: 1280px;}
.desktop {display: block;}  
.mobile {display: none;}   
.custom-logo-link {display: inline-block;}
.home .wp-block-columns {margin: 0 auto; padding: 3rem 13% 1rem; width: 100%; max-width: 1280px; text-align: center;}
.home .wp-block-columns h2 {padding: 0 6%;}



/* smaller resolutions --------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 1025px) and (max-width : 1410px) {
    section {padding-left: 2rem !important; padding-right: 2rem !important;}
    .home .wp-block-columns {padding: 3rem 1rem 1rem;}
    .home .wp-block-columns h2 {padding: 0;}
}

/* begin media for smartphone --------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 230px) and (max-width : 767px) {
	body {overflow-x: hidden; width: 100vw; margin-left: calc((100% - 100vw) / 2);}
	.desktop {display: none;}  
	.mobile {display: block;}    
	section {padding:1rem 0;}
	.container {margin: 0; padding: 0 1rem;}
    .home .wp-block-columns {padding: 3rem 1rem 1rem;}
    .home .wp-block-columns h2 {padding: 0 1rem;}
      
}

/* iPads (portrait) -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
	body {overflow-x: hidden; max-width: 100%;}
	.container {margin: 0 auto; padding: 0 10px;}	
}

/* iPads (landscape) --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
	body {overflow-x: hidden; max-width: 100%;}
	.container {margin: 0 auto; padding: 0 20px;}	
}



/* ==================================================================================================================================================================================================
                                                                                  HEADER STYLE
====================================================================================================================================================================================================*/
.branding {margin: 0 auto; padding: 2rem 0 0.5rem; max-width: 2560px;}
.branding .container {display: grid; grid-template-columns: 1fr 1fr;}
.branding .custom-logo-link {margin: 0; padding: 0;}



/* smaller resolutions --------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 1025px) and (max-width : 1410px) {
    .branding .container {padding: 0 2rem !important;}
}


/* begin media for smartphone --------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 230px) and (max-width : 767px) {
     header {display: none;}
     #hamburgericonmenuwrapper {padding:0 1rem;}
    .custom-logo-link {margin: 1.5rem 0 1rem; width: 200px; position: relative; z-index: 10;}
    



}

/* iPads (portrait) ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {

}

/* iPads (landscape) ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {

}





/* ==================================================================================================================================================================================================
                                                                                  MAIN MENU STYLE
====================================================================================================================================================================================================*/
header p {margin: 0; padding:0; text-align: right; font-size: 26px !important;}
header p a {display: block; margin:-5px 0 0 auto; padding: 0 0 0 30px; width: 190px;  line-height: 23px; background: transparent url('images/icon-phone.png') no-repeat 0 2px; color: #000;}
header nav {margin:0; padding: 2.7rem 0 0 0;}
header .primary-menu {margin:0 auto; padding:0; width: 100%; display: grid; grid-auto-flow: column; justify-content: end; clear: both;}
header .primary-menu li {margin:0; padding: 0 0 1rem 1.5rem; position: relative;}
header .primary-menu li a {display: inline-block; margin:0; padding:0 0 0.1rem; color: #901920; font-size: 26px; font-weight: 400; line-height: 0.8; border-bottom: 2px solid transparent; text-transform: uppercase;}


header .primary-menu li a:hover {border-bottom: 2px solid #000;}


header .primary-menu li .sub-menu {position: absolute; width: auto; top:34px; left: -9999999999px; margin:0; padding:10px 0.8rem 20px; height: auto; z-index: 9999999; background-color: #901920; border-radius: 0 0 10px 10px;}
li.menu-item-has-children:hover .sub-menu, li.menu-item-has-children[aria-expanded="true"] .sub-menu {left: 0px;}
header .primary-menu li .sub-menu li  {margin:0; padding: 0; height: auto; white-space: nowrap; text-align: left;}
header .primary-menu li .sub-menu li a {display: block; margin:0; padding: 0.1rem 6rem 0.1rem 1.5rem ; font-size: 20px; text-align: left; line-height: 1.4; border-bottom: 0 solid transparent; color: #fff; text-transform: none;}




header .primary-menu li.current-menu-item a  {}
header .primary-menu li .sub-menu li.current-menu-item a  {color: #fff !important; background-color: #000; } 
header .primary-menu li .sub-menu li a:hover {color: #fff !important; background-color: #000;}


header .primary-menu li.current-menu-item .sub-menu li a {}
header .primary-menu li.current-menu-item .sub-menu li.current-menu-item a  {}
header .primary-menu li.current-menu-item .sub-menu li a:hover {color: #000;}






/* iPads (portrait) ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {  
    


}

/* iPads (landscape) ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
@media (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {

    
    
}

/* ==================================================================================================================================================================================================
                                                                                  HAMBURGER MENU
====================================================================================================================================================================================================*/
#hamburgericonmenuwrapper {display: none; width: 100%;}
#hamburgerui {overflow: hidden; position: fixed; right: 0; top: 0; z-index: 9999999; width: 40%;}
#hamburgerui ul {margin: 0; padding: 4px 10px; list-style-type: none; width: 40%; background: transparent; height: 70px; overflow: hidden; float: right;}
#hamburgerui li {display: block; margin: 0; padding:0;}
#hamburgerui li a.toggleButton {display: block; width: 40px; height: 40px; position: absolute; top: 16px; right: 16px;  text-decoration: none; margin:0; padding: 10px 20px; color: #901920; outline: none;   -webkit-transition: all 0.5s; transition: all 0.5s; z-index: 999999; background-color:  rgba(0,0,0,.1);}
#hamburgerui li a:visited {color: #901920;}
#hamburgerui li a:hover{color: #901920;}

#navtoggler {display: block; position: absolute; top: 50%; left: 50%; font-size: 8px; width: 4em; height: 2.5em; padding: 0; text-indent: -1000px; border: 0.6em solid #901920;  border-width: 0.6em 0; cursor: pointer; -webkit-transform: translate3D(-50%, -50%, 0); transform: translate3D(-50%, -50%, 0); -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; z-index: 999999;}
#navtoggler::before, #navtoggler::after{content: ""; display: block; position: absolute; width: 100%; height: 0.6em; top: 50%; margin-top: -0.3em; left: 0; background: #901920;  -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in;  z-index: 999999;}

/* ###### CSS for Full Screen Menu NAV ###### */
.menu-mobile-menu-container {margin:0; padding: 10px 0 0 10px; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; 
 background-color: #000; visibility: hidden; overflow: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translate3D(100%, 0, 0); transform: translate3D(100%, 0, 0);  -webkit-transition: -webkit-transform 0.5s, visibility 0s 0.5s; transition: transform 0.5s, visibility 0s 0.5s;}

/* #### Menu Hamburger Icon UI when shrinked CSS ######## */
#hamburgerui.shrink li:nth-last-of-type(n+2) a{opacity: 0; pointer-events: none;}

/* #### Menu Opened State CSS ######## */
#hamburgericonmenuwrapper.open .menu-mobile-menu-container {visibility: visible; -webkit-transform: translate3D(0, 0, 0);  transform: translate3D(0, 0, 0); -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s;}
#hamburgericonmenuwrapper.open #navtoggler{ border-width: 0; z-index: 999999;}
#hamburgericonmenuwrapper.open #navtoggler::before{-webkit-transform: rotate(-45deg); transform: rotate(-45deg); background: #901920;  z-index: 9999999 !important;}
#hamburgericonmenuwrapper.open #navtoggler::after{-webkit-transform: rotate(45deg); transform: rotate(45deg); background: #901920;  z-index: 9999999 !important;}
#hamburgericonmenuwrapper.open #hamburgerui li:nth-last-of-type(n+2) a{ opacity: 0; pointer-events: none;}
#hamburgericonmenuwrapper.open .menu-mobile-menu-container ul{ opacity: 1; -webkit-transform: translate3D(0, 0, 0); transform: translate3D(0, 0, 0); 
/* restore UL to original positon */}

/* begin media for smartphone --------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 230px) and (max-width : 767px) {

    .menu-main-menu-container {display: none;}
    #hamburgericonmenuwrapper {display: block !important;}
    #hamburgericonmenuwrapper p.phoneNumber {margin: 0; padding:0; text-align: left; font-size: 26px !important;}
    #hamburgericonmenuwrapper p.phoneNumber a {display: block; margin:1REM auto 2REM 0; padding: 0 0 0 30px; width: 190px;  line-height: 23px; background: transparent url('images/icon-phone.png') no-repeat 0 2px; filter: invert(1);}

    #hamburgericonmenuwrapper  .menu-item-has-children .sub-menu {display: block !important;}	
    #hamburgericonmenuwrapper  .menu-item-has-children .sub-menu li a {display: block !important;}	

    #menu-main-menu-1 {margin:0;}
	.menu-mobile-menu-container li a {display: block; margin:0; padding:8px 10px; color: #fff; font-size: 20px; line-height: 1; text-transform: uppercase; letter-spacing: 1px;white-space: wrap;}
    .menu-mobile-menu-container li.menu-item-has-children  {padding-top: 0;}
    .menu-mobile-menu-container li.menu-item-has-children a:first-of-type { font-weight: 700;}
    .menu-mobile-menu-container li .sub-menu {margin:0 0 10px 0; padding:4px 0 10px 0; width: 96%; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
    .menu-mobile-menu-container li .sub-menu li {display: block; margin:0; padding:0 !important; float: none; white-space: nowrap; font-size: 16px;}
    .menu-mobile-menu-container li .sub-menu li a {display: block; margin:0; padding:6px 10px; color: #fff;  line-height: 1; font-size: 16px; font-weight: 400 !important;}
    .menu-mobile-menu-container .logoMobile {margin: 1rem 0 2rem 4px; width: 230px; }

    .menu-mobile-menu-container .social-menu {margin:20px 0 0 4px; padding:0; display: inline-block; width: auto;}
    .menu-mobile-menu-container .social-menu li {margin:0; padding:0; display: inline-block; width: auto;}
    .menu-mobile-menu-container .social-menu li a {margin:0; padding:0; color: transparent; font-size: 0;}
    .menu-mobile-menu-container .social-menu li a i {margin:0; padding:0; font-size: 35px; color: #fff;}
 


    #hamburgericonmenuwrapper .menu-mobile-menu-container .top-menu {margin:0.8rem 0 1.5rem; padding:0; width: 100%; display: grid; grid-auto-flow: column; justify-content: left; float: none; text-transform: uppercase;}    
    #hamburgericonmenuwrapper .menu-mobile-menu-container  .top-menu li a {display: block; margin:0; padding: 0.3rem 0.7rem 0.4rem; color: #e6e6e6; background-color: #fff; font-size:18px; line-height: 0.8;  }
		
	
}


.home .wp-block-gallery {padding: 0 1rem;}
/* ==================================================================================================================================================
HERO HOME BLOCK STYLE
====================================================================================================================================================*/
.heroImage {margin: 0 auto; padding: 4rem 0 5rem; position: relative; background-color: #000; position: relative;}
.heroImage .container {display: grid; grid-template-columns: 1fr 1fr; position: relative; z-index: 10;}
.heroImage .container article {margin: 0 auto; position: relative;}
.heroImage .container article:nth-of-type(1) {padding: 0 4.5rem 0 0;}
.heroImage .container article h1 {padding: 1.5rem 0 2rem; line-height: 1; color: #fff; font-weight: 600; line-height: 1.2;}
.heroImage .container article p {font-size: 24px; color: #fff; line-height: 1.2;}
.heroImage .container article ul {margin:0; padding: 0;}
.heroImage .container article ul li {display: inline-block;}
.heroImage .container article img {border-radius: 16px; box-shadow: 30px 30px 0px 0px rgba(144, 25, 32, 1);}
.heroImage .container article .button {margin-top: 0.5rem; border: 2px solid #000;} 
.heroImage .container article .button:hover {background-color: #000; border-color: #901920;} 

.heroImage .container article .imageCTA {margin:0; padding: 1rem 1.5rem 1.2rem; position: absolute; bottom: -10px; right: -20px; width: 43%; border-radius: 16px; background-color: #901920;}
.heroImage .container article .imageCTA h2 {margin:0; padding:0 0 0.5rem; color: #fff; font-size: 30px; text-align: left; line-height: 1.2; font-weight: 500;}
.heroImage .container article .imageCTA .button {padding: 0.8rem 1.5rem !important; border: 2px solid #901920; background-color: #000;} 
.heroImage .container article .imageCTA .button:hover {background-color: #901920; border-color: #000;} 

/* begin media for smartphone --------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 230px) and (max-width : 767px) {
	.heroImage {margin: 0; padding: 1.5rem 0;} 
    .heroImage .container {grid-template-columns: 1fr;}
    .heroImage .container article h1{font-size: 36px;}
    .heroImage .container article p {font-size: 20px;}
    .heroImage .container article:nth-of-type(1) {padding: 0 1rem;}
    .heroImage .container article:nth-of-type(2) {padding: 2rem 2rem 2rem 0rem;}
    .heroImage .container article .imageCTA {bottom: 2px;right: 18px; width: 80%;}
    .heroImage .container article .imageCTA h2 {font-size: 24px;}
    .heroImage .container article .imageCTA .button {padding: 0.8rem 1rem !important;}
}

/* iPads (portrait) -------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
    .heroImage .container {grid-template-columns: 1fr;}
    .heroImage .container article:nth-of-type(1) {padding: 0 1rem;}
    .heroImage .container article:nth-of-type(2) {padding: 2rem 2rem 2rem 0rem;}

}

/* iPads (landscape) ------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
    .heroImage .container {grid-template-columns: 65% 35%;}
    .heroImage .container article .imageCTA {bottom: 65px; right: 0px; width: 85%;}
    .heroImage .container article:nth-of-type(2) {padding: 4rem 2rem 0 0rem;}
}



/* ==================================================================================================================================================
CALL TO ACTION BLOCK STYLE
====================================================================================================================================================*/
.callToAction {position: relative; margin:3rem auto; padding:0;}
.callToAction:before {content:''; position: absolute; top:0; left:0; z-index: -1; display: block; margin:50px 0 0; padding:0; width: 100%; height: 80%; background-color: #000;}
.callToAction .container {display: grid; grid-template-columns: 1fr 1fr;}
.callToAction .container.noImage {display: grid; grid-template-columns: 1fr;}

.callToAction h2 {margin-bottom: 1rem; text-align: left; line-height: 1.2; color: #fff; font-size: 30px; font-weight: 400;}
.callToAction article {margin:0; padding:0; display: flex; justify-content: center; align-items: center;} 
.callToAction article .textContent {margin: 0; padding: 1rem; text-align: left !important;}
.callToAction article .textContent p {margin:0 0 2rem 0; color: #fff;}
.callToAction article img {border-radius: 16px;}
.callToAction article .button {padding: 0.6rem 2.5rem !important; border-radius: 10px !important;}
.callToAction article .button:hover {border-color: #901920;}



/* begin media for smartphone --------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 230px) and (max-width : 767px) {
    .callToAction:before {height: 100%;}
    
	.callToAction .container {grid-template-columns: 1fr;}
	.callToAction article .textContent {margin: 0; padding: 1rem 0.5rem 2rem ; text-align: left !important;}
	.callToAction h2 {margin: 0 0 1rem !important;}

}

/* iPads (portrait) -------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
    .callToAction:before {height: 100%;}
    .callToAction {grid-template-columns: 1fr;}
    .callToAction h2 {margin-bottom: 1rem;}
    .callToAction article {display: flex; justify-content: center; align-items: center;} 
    .callToAction article .textContent {padding: 5rem 1rem 1rem;}


}

/* iPads (landscape) ------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
    .callToAction:before {height: 100%;}
    .callToAction h2 {font-size: 36px;}
     .callToAction article {display: flex; justify-content: left; align-items: flex-start;} 
     .callToAction article .textContent {padding: 5rem 1rem 1rem;}

}



.testimonials {margin: 6rem auto 0; padding: 6rem 0; background: transparent url('images/quotes.png') no-repeat center top;}
.testimonials blockquote {margin: 0; padding: 0 15%; font-size: 20px !important; text-align: center; font-style: normal;}
.testimonials blockquote p {margin: 0; padding: 0; font-size: 20px !important; text-align: center; font-style: normal;}
.testimonials cite:before {content:'-'; padding-right: 6px;}
.testimonials cite {margin: 1rem 0 0; }


.carousel {margin:4rem auto;}

.catLinks {margin: 5rem auto 6rem; padding:0;}
.catLinks .catLinksBox {margin:0 auto; padding:0; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-column-gap: 3rem;}
.catLinks .catLinksBox article {margin:0; padding:0 0 90px 0; display: flex; justify-content: center; align-items: center; position: relative;}
.catLinks .catLinksBox article .bottomButton {position: absolute; bottom: 0; left: 0; width: 100%; text-align: center;}
.catLinks .catLinksBox article .bottomButton .button {width: 80%;}



.highlights {margin:0 auto; padding:4.5rem 0 5rem; background-repeat: no-repeat; background-position: left center;}
.highlights article {margin: 0 0 0 50%; text-align: left;}
.highlights article h2 {padding:0 22% 0 0; text-align: left; line-height: 1.4; }
.highlights article h2 strong {display: block;}
.highlights article h3 {font-size: 30px; font-weight: 700;}
.highlights article ul {margin:0; padding:0;}
.highlights article li {padding: 0 0 1rem; display: grid; grid-template-columns: 100px auto;}
.highlights article .itemIcon {margin: 0; padding:0; width: 80px; height: 80px; background-color: #901920; border-radius: 50%; display: flex; justify-content: center; align-items: center; float: left;}




/* begin media for smartphone --------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 230px) and (max-width : 767px) {
    .testimonials blockquote {margin: 0; padding: 0 2%;}
    .catLinks .catLinksBox article {padding: 2rem 1rem 90px;}
    .catLinks .catLinksBox {padding: 0 1rem; grid-template-columns: 1fr; grid-column-gap: 1rem;}
    
    .highlights {margin:0 auto; padding: 320px 0 0; background-repeat: no-repeat; background-position: center 3rem; background-size: 320px auto;}
    .highlights article {margin: 0;}
    .highlights article h2 {padding:0;font-size: 32px;} 
    
}

/* iPads (portrait) -------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
    .highlights {margin:0 auto; padding: 450px 0 0; background-repeat: no-repeat; background-position: center 3rem; background-size: 550px auto;}
    .highlights article {margin: 0;}
    
    .catLinks .catLinksBox {margin:0 auto; padding:0; display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 1rem; grid-row-gap: 1rem;}


}

/* iPads (landscape) ------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
     .catLinks .catLinksBox {margin:0 auto; padding:0; display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 1rem; grid-row-gap: 1rem;}
     .highlights {margin:0 auto; padding: 3rem 0 0; background-repeat: no-repeat; background-position: 1rem 3rem; background-size: 380px auto;}
    .highlights article {margin: 0 0 0 40%;}
.highlights article h2 {padding: 0;}
}





/* ==================================================================================================================================================
INTERNAL PAGES STYLE
====================================================================================================================================================*/

.pageTitle {margin: 0 auto 4.5rem; padding: 4rem 0 4.5rem; width: 100%; max-width: 2560px;  background-color: #000; z-index: 10; text-align: center;}
.pageTitle h1 {margin: 0; padding:0; width: 100%;}
.pageTitle h1 div {margin:0; padding: 0 0 15px; width: 100%; position: relative; text-align: center; color: #fff ; font-weight: 700; font-size: 50px; line-height: 1;}
.pageTitle h1 div:after {position: absolute; bottom: 0; left:25.5%; content:''; display: inline-block; margin:0; padding:0; width: 48%; height: 2px; background-color: #901920;}
.pageTitle p {margin:0; padding:10px 0 0 0; text-align: center; color: #fff; font-size: 24px; font-weight: 300;}


.internalContent {margin: 0 auto; width: 100%; max-width: 2560px; padding: 0 0 6rem; min-height: 300px;}
.internalContent p {margin:0; padding:0 0 0.8rem; font-size: 20px; line-height: 1.2; font-weight: 400;}

.internalContent h2 {margin:0; padding:2rem 0 1rem; line-height: 1; color: #901920; font-size: 36px; border: 0; font-weight: 700;}
.internalContent h2:first-of-type {margin:0; padding:0 0 1rem;}
.internalContent h3, .internalContent h4, .internalContent h5, .internalContent h6 {margin: 0; padding:1rem 0 1.8rem 0; font-size: 26px; font-weight: 700; color: #000;}

.internalContent ul {margin:0; padding:0.5rem 0 1.5rem;}
.internalContent ol {margin:0; padding:0.5rem 0 1.5rem 1.5rem;}

.internalContent ul li, .internalContent ol li {margin:0; padding:0 0 0.2rem 1rem; position: relative; text-align: left; font-size: 20px; line-height: 1.2;}
.internalContent ul li:before {content:''; position: absolute; top: 11px; left: 0; display: block; margin:0; padding:0; width: 6px; height: 6px; background-color: #901920; border-radius: 50%;}

.internalContent a {color: #000; border-bottom: 2px solid #901920;}
.internalContent figure a {border-bottom: 0;}
.internalContent a:hover {border-color: #000; text-decoration: none;}
.internalContent img > a {border-bottom: 0 !important;}
.internalContent a[href$=jpg], .internalContent a[href$=jpeg], .internalContent a[href$=jpe], .internalContent a[href$=png], .internalContent a[href$=gif] {text-decoration: none !important; border: 0 none !important;}

.internalContent .wp-block-image a:hover {background-color: transparent !important;}
.internalContent .gform_body ul {margin:0 !important; padding:0 !important;}
.internalContent .gform_body ul li:before, .internalContent .event_listings ul li:before  {display: none !important;} 

.blocks-gallery-grid li:before {display: none !important;}
.blocks-gallery-grid li {padding: 0 !important;}

.wp-block-image img {border-radius: 3rem;}


.internalContent .wp-block-column h2 {margin:0;}
.internalContent .wp-block-column ul {margin: 1rem 0; padding: 0;}
.internalContent .wp-block-column ul li {margin: 0 0 0 20px;}


a.wp-element-button, .gform_button {margin:0; padding: 0.7rem 3rem !important; text-align: center; width: auto; height: auto; font-size: 26px !important; background-color: #901920; border-radius: 12px; border: 2px solid #901920; color: #fff; font-weight: 400; line-height: 24px; transition-property: all; transition-duration: 0.5s; transition-timing-function: ease-out; display: inline-flex; align-items: center; justify-content: center;}

a.wp-element-button:before, .gform_button:before {content: '' !important; margin: 0 9px 0 0 !important;  display: inline-block !important; width: 25px !important; height: 24px !important; background: transparent url('images/bt-arrow.png') no-repeat 0 0 !important;}
a.wp-element-button:hover, .gform_button:hover {background-color:#000; border-color: #000;}

.wp-block-buttons {margin: 1rem auto;}



/* begin media for smartphone -------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 230px) and (max-width : 767px) {
    
    .pageTitle:after {height: 150px;}
    .pageTitle h1 {font-size: 45px;}

}

/* iPads (portrait) ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
@media (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {

    
}

/* iPads (landscape) ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {

    

}



/* ======================================================================================================================================================
FORM & GRAVITY FORM STYLES
========================================================================================================================================================*/
.internalContent .gform_body ul {margin:0 !important; padding:0 !important;}
.internalContent .gform_body ul li:before {display: none !important;} 

.gform_wrapper.gravity-theme .ginput_container_address .ginput_right {padding-left: 0 !important;}

.internalContent  input {line-height: normal;}

.internalContent .gform_wrapper ul li.gfield {margin-top: 0px !important;}

.internalContent .gform_wrapper .top_label div.ginput_container {margin-top: 0px !important;}
.internalContent .gform_wrapper .gform_footer {padding: 0px 0 10px 0; margin: 12px 0 0 0;}

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

/* begin media for smartphone --------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 230px) and (max-width : 767px) {
}

/* iPads (portrait) -------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {

}

/* iPads (landscape) ------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
}




/* ==================================================================================================================================================
FOOTER STYLE
====================================================================================================================================================*/

footer {margin: 0 auto; padding:4rem 0 0; width: 100%; max-width: 2560px; color: #fff; font-size: 18px !important; background-color: #000;}
footer .container {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr;}

footer h2 {margin:0 0 0.5rem !important; padding:0 !important; text-align: left !important; color: #fff; font-weight: 400 !important; font-size: 18px !important;}
footer a {color: #fff;}
footer a:hover {text-decoration: underline;}

footer article:nth-of-type(1) {grid-column: 1 / span 4; text-align: center; padding-bottom: 3rem;}
footer article:nth-of-type(2) {grid-column: 1 / span 2;}

footer .social-menu {margin:2.5rem 0 2rem; padding:0; width: 100%; display: grid; grid-auto-flow: column; justify-content: start; clear: both; grid-column-gap: 1.6rem;}
footer .social-menu li {margin:0; padding:0;}
footer .social-menu li a {color: transparent; font-size: 0;}
footer .social-menu li a i {margin:0; padding:0; font-size: 60px; color: #fff;}

.copyrights {margin:0; padding:3rem 0 1.5rem; text-align: center;}
.copyrights p {display: inline-block; padding: 0 !important; font-size: 18px !important; color: #fff; text-align: center; font-weight: 300;}
.copyrights ul {margin:0; padding:0; display: inline-block;}
.copyrights ul li  {margin:0; padding:0; font-size: 18px !important; font-weight: 300; display: inline-block;}
.copyrights ul li:before {content: '|'; padding-right: 5px;}




/* begin media for smartphone ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 230px) and (max-width : 767px) {
	
    footer .container {padding: 0 1rem; grid-template-columns: 1fr;}
    footer article:nth-of-type(1) {grid-column: 1 / span 1; padding-bottom: 3rem;}
    footer article:nth-of-type(2) {grid-column: 1 / span 1;}
    
	
}





/* iPads (portrait) ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
    footer .container {padding: 0 2rem; grid-template-columns: 1fr 1fr;}
        footer article:nth-of-type(1) {grid-column: 1 / span 2; padding-bottom: 3rem;}
    footer article:nth-of-type(2) {grid-column: 1 / span 2;}

}

/* iPads (landscape) ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
    footer .container {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;}
    footer article:nth-of-type(1) {grid-column: 1 / span 8;}
    footer article:nth-of-type(2) {grid-column: 1 / span 1;}
    footer article:nth-of-type(3) {grid-column: 3 / span 3;}
    footer article:nth-of-type(4) {grid-column: 6 / span 4;}
}


/* ==================================================================================================================================================================================================
                                                                                 GUTHENBERG STYLES
====================================================================================================================================================================================================*/
.alignwide, .alignfull {width: 100vw !important; max-width: 100vw !important; margin-left: calc(50% - 50vw) !important;}

.wp-block-code {padding: 0.8em 1em; margin-left: 14px; margin-right: 14px;}
.wp-block-cover-text p {padding: 1.5em 14px;}

.wp-block-embed.type-video > .wp-block-embed__wrapper {position: relative; width: 100%; height: 0; padding-top: 56.25%;}
.wp-block-embed.type-video > .wp-block-embed__wrapper > iframe {position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0;}

.wp-block-gallery:not(.components-placeholder) {margin: 1.5em auto;}
.wp-block-group > .wp-block-group__inner-container > *:not(.entry-content) {max-width: 580px; margin-left: auto; margin-right: auto;}
.wp-block-group > .wp-block-group__inner-container > .alignwide {max-width: 1070px;}
.wp-block-group > .wp-block-group__inner-container > .alignfull {max-width: 100%;}
.wp-block-group.has-background > .wp-block-group__inner-container > :first-child {margin-top: 0;}
.wp-block-group.has-background > .wp-block-group__inner-container > .alignfull {width: calc( 100% + 60px ); max-width: calc( 100% + 60px ); position: relative; left: -30px;}

.wp-block-image {margin: 0 0 3em; display: inline;}
.wp-block-image img {display: block;}

.wp-block-image.alignleft,
.wp-block-image.alignright {width: 100%}
.wp-block-image.alignfull img {width: 100vw;}
.wp-block-image .alignleft img,
.wp-block-image .alignright img,
.wp-block-image .alignleft figcaption,
.wp-block-image .alignright figcaption {max-width: 100%; width: 100%;}

ul.wp-block-latest-posts.alignwide,
ul.wp-block-latest-posts.alignfull,
ul.wp-block-latest-posts.is-grid.alignwide,
ul.wp-block-latest-posts.is-grid.alignwide {padding: 0 14px;}

.wp-block-navigation-link__label {font-family: inherit;}

.wp-block-quote {margin-left: 14px; margin-right: 14px; padding: 0;}
.wp-block-quote > * {margin-left: 1rem;}
.wp-block-quote.is-large, 
.wp-block-quote.is-style-large {margin: 36px auto; padding: 0;}
.wp-block-quote.is-large cite, 
.wp-block-quote.is-large footer, 
.wp-block-quote.is-style-large cite, 
.wp-block-quote.is-style-large footer {font-size: 13px; font-size: 0.8125rem;}

.wp-block-separator {margin: 3em auto; padding: 0;}

.wp-block-table {overflow-x: auto; margin-left: 14px; margin-right: 14px; width: calc( 100% - 28px );}
.wp-block-table table {border-collapse: collapse; width: 100%}
.wp-block-table td, .wp-block-table th {padding: .5em;}

.wp-block-video video {max-width: 580px;}


/* Specific media queries -------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width: 608px) {
  .wp-block-code {margin-left: auto; margin-right: auto;}
  .wp-block-cover-text p {padding: 1.5em 0;}
  .wp-block-table {margin-left: auto; margin-right: auto; width: 100%;}	
}

@media screen and (min-width: 644px) {
  .wp-block-quote {margin: 36px auto;}
}

/* ==================================================================================================================================================================================================
                                                                                 GUTHENBERG COLOUR PALETTE
====================================================================================================================================================================================================*/


.has-red-color {color: #901920 !important; border-color: #901920 !important;}
.has-red-color li:before {background-color: #901920 !important;}
.has-red-background-color {background-color: #901920; padding: 20px !important;}


.has-black-color {color:#000 !important; border-color:#000 !important;}
.has-black-color li:before {background-color:#000 !important;}
.has-black-background-color {background-color:#000; padding: 20px !important;}

.has-white-color {color: #fff !important; border-color: #fff !important;}
.has-white-color li:before {background-color: #fff !important;}
.has-white-background-color {background-color: #fff; padding: 20px !important;}



.has-small-font-size {font-size: 16px !important;}
.has-regular-font-size {font-size: 20px !important;}
.has-large-font-size {font-size: 40px !important;}
.has-huge-font-size {font-size: 60px !important;}

/* ==================================================================================================================================================================================================
                                                                                CSS ANIMATIONS
====================================================================================================================================================================================================*/

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-ms-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

@-webkit-keyframes fadeOut { from { opacity:1; } to { opacity:0; } }
@-moz-keyframes fadeOut { from { opacity:1; } to { opacity:0; } }
@-ms-keyframes fadeOut { from { opacity:1; } to { opacity:0; } }
@keyframes fadeOut { from { opacity:1; } to { opacity:0; } }

#fade-in {opacity:0; -webkit-animation:fadeIn ease-in 1; -moz-animation:fadeIn ease-in 1; animation:fadeIn ease-in 1; -webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; animation-fill-mode:forwards; -webkit-animation-duration:1s; -moz-animation-duration:1s; animation-duration:1s;}
:root #fade-in { opacity:1 \0/IE9; } 
#fade-in.first {-webkit-animation-delay: 0.25s; -moz-animation-delay: 0.25s; animation-delay: 0.25s;}
#fade-in.second {-webkit-animation-delay: 0.5s; -moz-animation-delay:0.5s; animation-delay: 0.5s;}
#fade-in.third {-webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s;}
.fade-out.first {-webkit-animation-delay: 0.25s; -moz-animation-delay: 0.25s; animation-delay: 0.25s;} 
.fade-out.second {-webkit-animation-delay: 0.5s; -moz-animation-delay:0.5s; animation-delay: 0.5s;}
.fade-out.third {-webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s;}

/* ==================================================================================================================================================================================================
                                                                                Gutenberg table cell to allow bg colour
====================================================================================================================================================================================================*/
/*
tr td:first-child {
	position: relative;
}

tr td:first-child mark {
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}