/*
Theme Name: Cloudride
Author: A Productions
Author URI: https://corevo.co.il
Theme URI: 
Tags: full-site-editing, block-patterns
Text Domain: cloudride
Requires at least: 6.4
Requires PHP: 7.4
Tested up to: 6.4
Version: 100.0

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Styles intended only for the front.*/
html {
	scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {
	
	html {
		scroll-behavior: auto;
	}
}

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	/* background-color: brown; */
	overflow-x: hidden;
}

img{
	max-width: 100%;
	height: auto;
	display: inline-block;
}

.align-items-stretch{
	align-items: stretch;
}
@media (max-width: 768px) {
	.hide-on-mobile{
		display: none!important;
	}
	#cover-hero{
		min-height: 20rem!important;
	}
}
.yoast-breadcrumbs{
	font-size: var(--wp--preset--font-size--small);
}
/* heading */
.heading{
	color: var(--wp--preset--color--primary);
  font-family: var(--wp--preset--font-family--nunito);
  font-weight: 400;
  letter-spacing: -0.1px;
  line-height: 1.125;
}
.h3{
	font-size: var(--wp--preset--font-size--large);
}


.wp-block-post-terms__prefix{
	display: none;
}
#site-header {
	z-index: 9999;
	
	position: fixed;
	top:0;
	width: 100%;
	transition: top 0.8s ease,opacity 0.7s ease,background 0.3s ease;
}
#site-header.showed-header{
	background: var(--wp--preset--color--base);
}
#site-header.hidden-header{
	background: var(--wp--preset--color--transparent);
}
.reg-logo{
	display: none;
}
#site-header.showed-header .reg-logo{
	display: block;
}
#site-header.showed-header #white-logo{
	display: none;
}
.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
		color:var(--wp--preset--color--light);
		text-decoration: none;
		&:hover{
			color: var(--wp--preset--color--primary);
			
		}
	}
	.wp-block-navigation .has-child .wp-block-navigation__submenu-container{
		padding: var(--wp--preset--spacing--30);
	}

.wp-block-navigation .wp-block-navigation__submenu-icon svg{
			stroke: var(--wp--preset--color--base);
		}
@media screen and (min-width:600px) {
	
	.wp-block-navigation-submenu .wp-block-navigation-item.has-child:after {
		content: "+";
		display: inline-block;
		width: 20px;
		font-size: 16px;
		color: var(--wp--preset--color--grey);
	}
	.wp-block-navigation .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content{
			color: var(--wp--preset--color--dark);
			&:hover{
			color: var(--wp--preset--color--primary);
			
		}
	}
	.wp-block-navigation-submenu .wp-block-navigation-item.has-child button{
		display: none;
	}
}
/* Mobile Menu */
.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close{
color:var(--wp--preset--color--light);
}
.has-modal-open {
	.wp-block-navigation__container{
		--navigation-layout-justification-setting: flex-start;
  		--navigation-layout-justify: flex-start;
		
	}
	.wp-block-navigation__responsive-container.has-base-background-color{
		background-color: var(--wp--preset--color--dark)!important;
		
	}
	.wp-block-navigation .has-child .wp-block-navigation__submenu-container{
		padding: var(--wp--preset--spacing--30)!important;
		min-width: 150px!important;
	}
	
	.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content{
		color:var(--wp--preset--color--light);
		text-align: left!important;
		&:hover{
			color:var(--wp--preset--color--secondary);
		}
	}
}
html:not(.has-modal-open) .scrolled-header {
	background: var(--wp--preset--color--base);
	box-shadow: 2px 3px 10px -1px rgba(0,0,0,.25);
	transition: background 0.3s ease, box-shadow 0.3s ease;
	.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
		color:var(--wp--preset--color--dark);
	}
	.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover {
		color:var(--wp--preset--color--primary);
	}
	.wp-block-navigation .wp-block-navigation__submenu-icon svg{
			stroke: var(--wp--preset--color--dark);
		}
	
}	

.wp-element-button{
	transition: all 0.3s ease;
}

.site-footer{
	margin-top: 0;
	a{
		text-decoration: none;
	}
	.wp-block-latest-posts__list{
		li{
			margin-bottom: var(--wp--preset--spacing--30);
		}
	}
	.wp-block-latest-posts__post-date{
		opacity: 0.7;
		font-size: 16px;
	}
}

.archive-card :where(.wp-block-post-terms) a{
	color: var(--wp--preset--color--base);
	display: inline-block;
	border-radius: 2rem;
	padding: 0.4rem 0.8rem;
	background: var(--wp--preset--color--green);
	text-decoration: none;
	margin:0 1rem 1rem 0;
	font-family: var(--wp--preset--font-family--nunito);
	font-weight: 600;
	font-size: 16px;
}
.archive-card .wp-block-cover__image-background{
	transition: all 0.3s ease;
	
}
.archive-card:hover .wp-block-cover__image-background{
		transform: scale(1.05);
	}
.clock-icon img{
	vertical-align: baseline;
}
.page-numbers{
	border-radius: 5px;
	width: 40px;
	height: 40px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin: 0 0.2rem;
	font-family: var(--wp--preset--font-family--nunito);
	font-weight: 600;
	text-decoration: none;
	border: 1px solid var(--wp--preset--color--light);
	transition: all 0.3s ease;
	&.current,
	&:hover{
		background: var(--wp--preset--color--primary);
		color: var(--wp--preset--color--base);
	}
}
#back_to_top{
	position: fixed;
	bottom: 7rem;
	right: 1rem;
	width: 36px;
	height: 36px;
	background-color: #d7d7d7;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
	cursor: pointer;
	opacity: 0.7;
	transition: all 0.3s ease;
	z-index: 999;
	padding:0;
	img{
		width: auto;
    	height: 30px;
	}
	&:hover{
		opacity: 1;
		background-color: var(--wp--preset--color--primary);
		box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.7);
	}
}
@media screen and (min-width: 37.5em) {
	#back_to_top{

	right: 2rem;
	width: 48px;
	height: 48px;
	img{
		width: 24px;
    	height: 30px;
	}

}
}
/* blocks */
/* ajax posts with filters */
.cr-ajax-post-block .cr_wrapper{
  display:grid;
  grid-template-columns: repeat( auto-fit, minmax(320px, 1fr) );
  column-gap: var(--wp--preset--spacing--30);
  row-gap: var(--wp--preset--spacing--30);
  margin: var(--wp--preset--spacing--50) 0;
  padding:0;
  justify-content: center;
}
.cr-ajax-post-block li{
    box-sizing: border-box;
  list-style: none;
  margin-bottom: 0;
  margin-top: 0;
  max-width: 100%;
  padding: 0;
    padding-top: 0px;
    padding-bottom: 0px;
}
.cr-ajax-post-block .card-image-wrapper{
  overflow: hidden;
  aspect-ratio: 3/2;
}
.cr-ajax-post-block .card-thumbnail{
aspect-ratio: 3/2;
width: 100%;
object-fit: cover;
height: auto;
transition: all 0.3s ease;
}

.cr_success-story__logo{
	max-height: 80px;
	width: auto;
	object-fit: contain;
}
.cr-ajax-post-block .cr_wrapper .cr_card{
	--cr--span: span 5;
	--cr--gap:1rem;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: var(--cr--span);
  gap: var(--cr--gap);
  border: 1px solid var(--wp--preset--color--light  );
  transition: all 0.3s ease;
}
.cr-ajax-post-block .cr_card:hover {
  box-shadow: 0 5px 8px 2px rgba(35,31,32,.06);
  
}
.cr-ajax-post-block  .cr_card:hover .card-thumbnail{
  transform: scale(1.05);
}
.cr-ajax-post-block  .cr_card>*:not(.card-image-wrapper){
  padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--40) var(--wp--preset--spacing--20) var(--wp--preset--spacing--40);
}
.cr-ajax-post-block  .card-read-more{
  color: var(--wp--preset--color--green);
  font-size: var(--wp--preset--font-size--small);
  text-decoration: none;
}
.cr-ajax-post-block  .card-read-more:hover{
  color: var(--wp--preset--color--primary);
  text-decoration: none;
}
.cr-ajax-post-block  .cr_wrapper .cr_card h3{
  margin:0;

  font-size: var(--wp--preset--font-size--medium);
}

.cr-ajax-post-block .cpt-filters{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.cr-pills{
  background-color: var(--wp--preset--color--green);
  color: var(--wp--preset--color--light);
   border:2px solid var(--wp--preset--color--green);
  border-radius: 2rem;
  cursor: pointer;
  padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
  transition: all 0.3s ease;
  font-size: var(--wp--preset--font-size--small);
}
.cpt-filters span{
  font-weight: 600;
  font-family: var(--wp--preset--font-family--nunito);
  color: var(--wp--preset--color--dark);

}
.cr-pills.active{
  background-color: var(--wp--preset--color--base);
  color: var(--wp--preset--color--green);
}
.load-more-wrapper{
  margin-bottom: var(--wp--preset--spacing--30);
  text-align: center;
}

@media screen and(min-width:780px){
  .cr-pills{
  padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--40);
}
  .cr-ajax-post-block  .cpt-filters{
   gap: 1rem;
}
}
.loader_wrapper{
  
  justify-content: center;
  margin-top: 2rem;
  display: none;
}
.loader_wrapper.show{
display: flex;
}
.loader {
  width: 48px;
  height: 48px;
  border: 5px solid;
  border-color: var(--wp--preset--color--green) transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
 
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} 
/* Author */
.cr-author {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
  flex-grow: 1;
  font-family: var(--wp--preset--font-family--nunito);
  a{
	text-decoration: none;
	&:hover{
		color:var(--wp--preset--color--green)
	}
  }
}
.cr-block-post-author__avatar{
	border-radius: 50%;
	width: 52px;
	height: 52px;
	overflow: hidden;
	border: 2px solid var(--wp--preset--color--light);
}

/* share post */
.is-position-sticky{

	top:calc(100px + var(--wp-admin--admin-bar--position-offset, 100px))!important;
}
.cr-fixed-social-share{
	
	position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  margin: 0;
	
}
.cr-fixed-social-share__avatar{
	border-radius: 50%;
	width: 80px;
	height: 80px;
	overflow: hidden;
	border: 2px solid var(--wp--preset--color--light);
}
@media screen and (max-width:37.5em) {
.cr-share-post{
	position: relative!important;
	top:calc(0px + var(--wp-admin--admin-bar--position-offset, 0px))!important;
}
	.cr-fixed-social-share__flayout{
		display: flex;
		gap: 5px;
	}
}
@media screen and (min-width:37.5em) {
	.cr-fixed-social-share{
		position: absolute;
		margin-left: 2rem;
	}
}
.cr-fixed-social-share__item {
	font-size: var(--wp--preset--font-size--small);
	display: inline-block;
	border-radius: 2rem;
	background-color: var(--wp--preset--color--primary);
	padding: 0.5rem 0rem;
	margin: 0.5rem 0;
	transition: background-color 0.3s ease;
	color: var(--wp--preset--color--base);
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	width:80px;
	max-width: 80px;
	
}
.cr-fixed-social-share__item img{
		width: 16px;
		height: auto;
	}
.cr-fixed-social-share__share-button{
	background-color: var(--wp--preset--color--primary);
}
.cr-fixed-social-share__item--facebook{
	background-color: #4262a9;
}
.cr-fixed-social-share__item--linkedin{
	background-color: #0085cc;
}
.cr-fixed-social-share__item--twitter{
	background-color: #05bcff;;
}
.cr-fixed-social-share__item--pinterest{
	background-color: #ff0026;
}




/* Paterns */
@media screen and (min-width:37.5em) {
	.bullet-column{
		flex-wrap: nowrap;
		
	}
	.bullet-column .wp-block-group{
		width: 100%;
	}
	.bullet-column>*{
			flex:0 0 50%;
		}
	
}
.wp-block-gallery.has-nested-images.clients-logos figure.wp-block-image{
	aspect-ratio: 2/1;
    display: flex;
    align-items: center;
    justify-content: center;
    max-height: 100px;
	
	img{max-height: 100px !important;}
}
.latest_post_item .day_overlay{
		color: hsla(0,0%,48%,.15);
		font-size: 7.77778rem;
		position: absolute;
		right: calc(var(--wp--preset--spacing--50)*-1 + 10px);
		top: 2rem;
		line-height: 0;
	}
.latest_post_item{
	border: 1px solid var(--wp--preset--color--light);
	transition: all 0.3s ease;
	height: 100%;
}
	.latest_post_item a{
		color: currentColor;
	}
	
	.latest_post_item .wp-block-post-excerpt__excerpt{
		display: none;
	}
	.latest_post_item .taxonomy-category a{
		color: var(--wp--preset--color--primary);
		text-decoration: none;
	}
	.latest_post_item .taxonomy-category a:hover{
		text-decoration: underline;
	}
	.latest_post_item .wp-block-cover__inner-container{
	height: 100%;
  
  display: flex;
  flex-direction: column;
 
}
 .latest_post_item .wp-block-post-date:not(.day_overlay){
	flex-grow: 1;
 }

.latest_post_item:hover{
	color: var(--wp--preset--color--base);
}
	.latest_post_item:hover .wp-block-cover__background{
		background-color: var(--wp--preset--color--dark) !important;
		opacity: 0.7 !important;
	}
	.latest_post_item:hover h2{
		color: var(--wp--preset--color--base);
	}
	.latest_post_item:hover .taxonomy-category a{
		color:inherit;
	}



/* remove the padding so images can take up the entire height */
.full-width-split-screen {
  
 padding: var(--wp--preset--spacing--60) 0; 
 margin:0;
      grid-template-columns: 1fr;
  grid-template-rows: 1fr;
}
@media (max-width: 600px) {
/* match the section padding for the text blocks for
consistency */
.full-width-split-screen > :not(figure) {
  padding-right: var(--wp--style--root--padding-right);
  padding-left: var(--wp--style--root--padding-left);
}
}


@media screen and (min-width: 780px) {
  
  .full-width-split-screen {
    /* outermost columns emulate the spacing from the .wrapper
     while the two inner columns divide the rest of the space
     into two equal parts */
    display: grid;
    grid-template-columns:
      minmax(var(--wp--preset--spacing--50), 1fr)
      minmax(0, calc(var(--wp--style--global--content-size) / 2))
      minmax(0, calc(var(--wp--style--global--content-size) / 2))
      minmax(var(--wp--preset--spacing--30), 1fr) !important;

    /* for positioning the pseudo-elements
       to fill in the rest of the background*/
    position: relative;
  }
  /* ensure the image fill up the entire space available */
  .full-width-split-screen  figure {
    /* width: 100%; */
    height: 100%;
    object-fit: cover;
	
  }

  /* if the image is on the left, it covers the entire left half */
  .full-width-split-screen > figure:first-child {
    grid-column: 1 / 3;
  }

  /* if the image is on the right, it covers the entire right half */

  .full-width-split-screen > figure:last-child {
    grid-column: 3 / -1;
	justify-self: right;
  }
  
  /* if the non-image is first, place it in the second column
     (first column is empty to emulate the .wrapper) */

  .full-width-split-screen > :not(figure):first-child {
    padding-left: var(--wp--preset--spacing--20);
    grid-column: 2 / 3;
  }

  /* if the non-image is last, place it in the third column
     (fourth column is empty to emulate the .wrapper) */
	 .full-width-split-screen > :not(figure):last-child {
		 padding-right: var(--wp--preset--spacing--20);
		 grid-column: 3 / 4;
		}

}

.border-top-light >*{
	border-top: 1px solid var(--wp--preset--color--light);	
}
.border-right-light >*{
	border-right: 1px solid var(--wp--preset--color--light);
}
.border-bottom-light >*{
	border-bottom: 1px solid var(--wp--preset--color--light);
}
.border-left-light >*{
	border-left: 1px solid var(--wp--preset--color--light);
}

/* cr-card-grid  */
@media screen and (max-width:780px) {
	
	.cr-card-grid {
		grid-template-columns: 1fr;
	}
	
	.cr-card-grid >*{
		border: 1px solid var(--wp--preset--color--light);
	}
}
.cr-careers-loop .wp-block-post-excerpt{
display: flex;
flex-direction: column;
}
.cr-careers-loop .wp-block-post-excerpt__excerpt{
	flex-grow: 1;
}
.cr-news-cats {
list-style: none;
padding: 0;
margin:2rem 0 0 0 ;
display: flex;
align-items: center;
justify-content: center;
gap: 1rem;
}
.cr-news-cats li a{
	display: block;
	text-decoration: none;
	color: var(--wp--preset--color--light);
	font-family: var(--wp--preset--font-family--nunito);
	font-weight: 600;
	padding: 0.4rem 0.8rem;
	border-radius: 2rem;
	background: var(--wp--preset--color--green);
	transition: all 0.3s ease;
}
.cr-news-cats li a:hover,
.cr-news-cats li a.active{
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--base);
	
}