/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/* montserrat-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('https://wpstaging-cg.cocosgalant.com/wp-includes/fonts/montserrat-v26-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('https://wpstaging-cg.cocosgalant.com/wp-includes/fonts/montserrat-v26-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: url('https://wpstaging-cg.cocosgalant.com/wp-includes/fonts/montserrat-v26-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('https://wpstaging-cg.cocosgalant.com/wp-includes/fonts/raleway-v34-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('https://wpstaging-cg.cocosgalant.com/wp-includes/fonts/raleway-v34-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* GeneratePress Site CSS */ /* navigation letter spacing */
.main-navigation a, .slideout-navigation.main-navigation .main-nav ul li a {
  letter-spacing: 1px;
}

/* navigation line effects */
@media (min-width: 1024px) {
	.main-navigation .main-nav > ul > li > a:before {
    position: absolute;
    content: '';
    width: 1px;
    height: 0;
    background-color: #D96573; 
    left: 50%;
    top: -50px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
	}

	.main-navigation .main-nav > ul > li:hover > a:before {
    height: 50px;
	background-color: #75C8CC;
	}

.main-navigation .main-nav > ul > li.current-menu-item > a:before {
    height: 50px;
    width: 1px;
	background-color: #D96573; 
	}
body:has(.header-wrap) .main-navigation .main-nav > ul > li > a:before, body:has(.header-wrap)  .main-navigation .main-nav > ul > li:hover > a:before, body:has(.header-wrap)  .main-navigation .main-nav > ul > li.current-menu-item > a:before {
    background-color:#fff;
}
}

/* navigation line effects original
@media (min-width: 1024px) {
	body:has(.header-wrap) .main-navigation .main-nav > ul > li > a:before {
    position: absolute;
    content: '';
    width: 1px;
    height: 0;
    background-color: #fff; /*#D96573;
    left: 50%;
    top: -50px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
	}

	body:has(.header-wrap) .main-navigation .main-nav > ul > li:hover > a:before {
    height: 50px;
	background-color: #fff; /*#75C8CC;
	}
	

body:has(.header-wrap) .main-navigation .main-nav > ul > li.current-menu-item > a:before {
    height: 50px;
    width: 1px;
	background-color: #fff; /*#D96573;
	}
}
*/
/* line above H1 on global header elements  */
.headline-rule h1 {
    position: relative;
}
.headline-rule h1:before {
    content: '';
    position: absolute;
    display: block;
    height: 60px;
    border-left: 1px solid #75C8CC;
    left: 50%;
    transform: translateX(-50%);
    top: -66px;
}

/* mobile header spacing */
.mobile-header-navigation {
	padding: 10px;
	box-sizing: border-box;
}

/* image block styling */
figure.wp-block-image.image-style img {
  border-radius: 80px 4px;
  box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
}

 /* styling the button in contact form */
.button-contactform {
	background-color: #75C8CC !important;
}

/* CG | Styling Blogpage */
.blog .site.container.grid-container {
    max-width: 1400px;
}

/* CG | Styling WPForms Button */
div.wpforms-container-full button[type=submit]:hover {
    box-shadow: none !important;
    background-color: #75C8CC !important;
    background: #fff;
    color: #fff !important;
} 
 
.wpforms-form button[type=submit]:hover {
    background-color: #04446E !important;
}

/* confirmation for Newsletter Sign-up */
div.wpforms-confirmation-container-full {
    background: #D96573 !important;
    color: #ffffff !important;
    border: none !important;
} 

.wpforms-container .wpforms-field, .wp-core-ui div.wpforms-container .wpforms-field{
	padding: 15px 0px 0px !important;
}

.wpforms-submit-container {
	padding: 30px 0px !important;
}

 /* End GeneratePress Site CSS */ /* End GeneratePress Site CSS */

/* Change the color of the bullet points on the List Block */
li::marker {
    color: #75C8CC;
}

/* Set the background of the Hamburger Menu on mobile to transparent */
.mobile-menu-control-wrapper .menu-toggle, .mobile-menu-control-wrapper .menu-toggle:hover, .mobile-menu-control-wrapper .menu-toggle:focus, .has-inline-mobile-toggle #site-navigation.toggled {
    background-color: transparent;
}

/* CG | Change margin between posts and sidebar on mobile */
@media (max-width: 768px) {
    .widget-area .widget {
        margin-top: 3rem;
    }
}

/* CG | Change padding between posts on mobile */
.one-container.blog .post:not(:last-child):not(.is-loop-template-item) {
    padding-bottom: 20px;
}