/*
 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
*/

div.lp-screen {background-size: cover !important;}

.page-id-17 {
    -webkit-animation: fadein 4s;
            animation: fadein 4s;
}
h4 {letter-spacing: 5px;}

.animate__animated {animation-duration: 8s;}

@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@font-face {
	font-family: 'NeutraTextTF-Bold';
	font-style: normal;
	font-weight: normal;
	src: url('neutra-text-tf-bold-5871e0e1d072a.woff') format('woff');
}
strong{font-family: 'NeutraTextTF-Bold';}

@font-face {
	font-family: 'NeutraTextTF-Light';
	font-style: normal;
	font-weight: normal;
	src: url('neutra-text-tf-light-5871e0fe13bff.woff') format('woff');
}

body{font-family: 'NeutraTextTF-Light';}

.content-width-sml .generate-sections-inside-container{max-width:800px;margin:0 auto;}
.content-width-mid .generate-sections-inside-container{max-width:950px;margin:0 auto;}
.content-width-sml.col-align-right .grid-container{margin: 0 0 0 auto;}
.content-width-sml.col-align-left .grid-container{margin: 0 auto 0 0;}

.reverse-button a.button{background-color: #D38629;}
.flex-vertical{	display: flex;justify-content: center;flex-direction: column;}
hr.hr-center{margin:20px auto!important;}
.inside-grid-column {padding: 0 30px 0 30px;}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, select {width: 100%;}

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: 100%;}

@keyframes navbg {
    0% {background-color: #B18D30}
    30% {background-color: #8D8953}
    60% {background-color: #666559}
	100% {background-color: #BCAD89}
}
.slideout-navigation{
    -webkit-animation: navbg 20s infinite;
    animation: navbg 12s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
@keyframes bgcolor {
    0% {background-color: #B18D30}
    30% {background-color: #8D8953}
    60% {background-color: #666559}
	100% {background-color: #BCAD89}
}
.changing-bg{
    -webkit-animation: bgcolor 15s infinite;
    animation: bgcolor 15s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
@keyframes bghighlight {
     0% {background-color: #B18D30}
    50% {background-color: #8D8953}
    100% {background-color: #666559}
}
.bghighlight{
    -webkit-animation: bghighlight 10s infinite;
    animation: bghighlight 10s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
@keyframes text-change {
    0% {color: #B18D30}
    25% {color: #6A8D53}
    50% {color: #415780}
	75% {color: #5D3769}
	100% {color: #A65270}
}
.text-colour,
a:hover{
    -webkit-animation: text-change 10s infinite;
    animation: text-change 10s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

@keyframes hover-change {
    0% {color: #ebebeb;background-color: #ECC76C;}
    25% {color: #ebebeb;background-color: #C68D02;}
    50% {color: #ebebeb;background-color: #975410;}
	75% {color: #ebebeb;background-color: #377B88;}
	100% {color: #ebebeb;background-color: #124C5A;}
}
.changing-bghover:hover{
    -webkit-animation: hover-change 6s infinite;
    animation: hover-change 6s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

@-webkit-keyframes slide {
    100% { left: 9%; }
}
@keyframes slide {
    100% { left: 9%; }
}
.slide-left {
    position: absolute;
    left: -100%;
    -webkit-animation: slide 2s forwards;
    animation: slide 2s forwards;
}

@-webkit-keyframes slide-right {
    100% { right: 0%; }
}
@keyframes slide-right {
    100% { right: 0%; }
}
.slide-right {
    position: absolute;
    right: -100%;
    -webkit-animation: slide-right 2s forwards;
    animation: slide-right 2s forwards;
}

.right100{right: 0%;}

.slideout-navigation.main-navigation.do-overlay .main-nav ul ul li a {font-size: 1.7em!important;}
.main-navigation.do-overlay{background-image: url(https://colourwithclio.ie/wp-content/uploads/2021/07/transparent-pattern-2.png);}
.sticky-enabled .main-navigation.is_stuck {box-shadow: none;}
.slideout-navigation.do-overlay .inside-navigation {max-width: 768px!important;}
.slideout-navigation.main-navigation .main-nav ul li a:hover {color: #483c37!important;}

.bg-original-size{background-size: auto;background-repeat:no-repeat;}
.bg-contain{background-size: contain;background-repeat:no-repeat;}
.bg-left{background-position:0 50%;}
.bg-right{background-size: auto;background-repeat: no-repeat;background-position: right;}



.cta-btn{padding:30px;border:2px solid #483C37;margin:10px;width:31%!important;padding-left: 30px!important;padding-right: 30px!important;}
.cta-btn a:hover{animation: none;color:#e5e0d5;}
.cta-btn .lgc-column p:after {clear: both;}

.static-col{position:fixed;}
.scroll-content{overflow:auto;height:400px;}

.inside-footer-widgets>div{display: flex;justify-content: center;flex-direction: column;}
.footer-widgets .menu {padding: 1rem 0 1rem 0;}
.footer-widget-2{flex-grow:2!important;}
.footer-widgets-container{border-top: 1px solid #483c37;}

.split-screen-svg{clip-path: url(#myClip);}
/*
@keyframes animatedBackground {
  from {
    background-image: linear-gradient(0deg, rgba(235, 235, 235, 1) 0%, rgba(235, 235, 235, 1) 100%), url(https://thedesigncoach.ie/devtwo/wp-content/uploads/2021/07/opening-image.png)
  }
  to {
    background-image: linear-gradient(0deg, rgba(235, 235, 235, 0) 0%, rgba(235, 235, 235, 0) 100%), url(https://thedesigncoach.ie/devtwo/wp-content/uploads/2021/07/opening-image.png)
  }
}
.animate-bg {
  background-repeat: none;
  animation-name: animatedBackground;
	animation-duration: 3s;
  animation-timing-function: linear;
  animation-delay: 4s;
	animation-iteration-count: infinite;
}*/


.scrollHalf__grupo {  transition: all 200ms ease-in-out; }
.scrollHalf__grupo__imagen { overflow: hidden;height:100%;color:#e5dccb;}
.scrollHalf__grupo__imagen_cnt{position: relative;top: 25%;}
.scrollHalf__grupo__contenido { padding: 2em ;height:100%;}

.callout-bg{background-image: url(https://colourwithclio.ie/wp-content/uploads/2021/07/colour-call-out-min.png);background-position:right;}
.kitchens-bg{background-image: url(https://colourwithclio.ie/wp-content/uploads/2021/08/lisas-staircase-hall-kitchen.png);background-size: cover;background-repeat: no-repeat;background-position:right;}
.rooms-bg{background-image: url(https://colourwithclio.ie/wp-content/uploads/2021/08/rooms-reimagined-hero-min.png);background-size: cover;background-repeat: no-repeat;background-position:right;}

.bg-img-left{background-size: auto 90%;background-repeat: no-repeat;background-position: 10% center;}
/*.page-id-2096 .container.grid-container{max-width: 1200px!important;background-image:url('https://colourwithclio.ie/wp-content/uploads/2021/07/site-background.jpg');background-attachment: fixed;}*/
.page-id-2096 .generate-sections-inside-container {max-width: 1050px;}

/*#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
	z-index:-1;
}
.page-id-17 #generate-section-6 .grid-container{position:relative;}
#myVideo2 {
  position: absolute;
	right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
	z-index:-1;
}*/
@media screen and (max-width: 1024px){
	.lgc-clear, .inside-footer-widgets>div {display: block!important;}
}
@media screen and (min-width:900px) {
  .scrollHalf__grupo { min-height: 100vh;}
  .scrollHalf__grupo__imagen { position: absolute; top: 0; left: 0; width: 50vw;padding:50px;}
  .scrollHalf__grupo__imagen img {  min-height: 100vh;  min-width: 50vw; }
  .scrollHalf__grupo__contenido { margin: 5vw 3vw 0 52vw;}
}
@media only screen and (max-width: 767px) {
	.home-banner-col-1{padding-top: 340px;}
	.page-id-17 .bg-original-size {background-size: 100%;}
	.bg-original-size {background-size: 65%;}
	.cta-btn{width:95%!important;}
	.menu__item-textinner {font-size: clamp(2rem, 7vw, 5rem)!important;}
	.menu__item {grid-template-areas: none!important;grid-template-columns: auto!important;grid-template-rows: auto!important;padding: 1.5rem 1rem!important;}
	#generate-section-1.generate-sections-container.bg-left {
    background-position: top left;background-size: 88%;padding-top: 270px;}
	.slideout-navigation.main-navigation.do-overlay .main-nav ul ul li a {font-size: 1.2em!important;}
	.scrollHalf__grupo__imagen h1 {font-size: 67px!important;}
	.scrollHalf__grupo__imagen {padding: 130px 40px 50px;}

}