/*

Theme Name: Pro – Child Theme
Theme URI: http://theme.co/pro/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to Pro in this child theme.
Version: 1.0.0
Template: pro

*/

.innnerColumn{
		min-height: 315px;
		width: 100%;
		background-position: center center;
		background-size: cover;
		position: relative;
	border-radius: 3px;
	}

.innnerColumn:hover{
	cursor: pointer;
}
	.blockContent .x-column{
		/*margin-right: 2%;*/
	}
	.blockContent{
		margin-bottom: 2%;
	}
	
	.blockContent:after{
		clear: both;
		content: "";
		display: table;
	}
	.portfolio-title{
		position: absolute;
		bottom: 10px;
		left: 10px;
		background: #fff;
		padding: 5px;
		border-radius: 3px;
	}

/*.prev-posts-link{
	width: 160px;
	float: left;
}

.next-posts-link{
	width: 160px;
	float: right;
}*/

.prev-posts-link{
	float: right;
}

.innnerColumn a,
.innnerColumn a:hover{
	color: black !important;
	text-decoration: underline !important;
}
.e3547-4.x-text .x-column{
	margin-right: 2% !important;
}

.e3547-4.x-text .x-column.last{
	margin-right: 0 !important;
}


.e3547-4.x-text .x-column.x-1-2{
	width: 52%;
}

body.post-template-default table td,
body.page-template-template-blank-4 table td{
	border-top: 0 solid white !important;
}

table.all-custom-table-class td{
	border-top: 0 solid white !important;
}

.x-sidebar.right{
	background: white; 
    padding: 20px;
    padding-top: 60px;
}

@media only screen and (max-width: 568px) {
		body.single.single-post .entry-wrap { 
		padding: 0;
		background-color: transparent; 
	}
}


@media only screen and (max-width: 768px) {
	
	.x-sidebar.right{
		background: transparent; 
		padding: 0; 
	}
	
    body {
        /*background-color: lightblue;*/
    }
	

	
	.e3547-4.x-text .x-column.x-1-2{
		width: 100%;
	}
	
	.blockContent .x-column{
		margin-bottom: 2%;
	}
	
	.prev-posts-link{ 
		float: none;
	}

	.next-posts-link{ 
		float: none;
	}
	
	.prev-posts-link,
	.next-posts-link{ 
		margin: auto;
		margin-bottom: 10px;
	}
	
	.prev-posts-link a,
	.next-posts-link a{ 
		width: 100%;
	}
	
	.next-posts-link{
		margin-bottom: 0;
	}
}

@media only screen and (min-width: 768px) {
	.e3547-4.x-text .x-column.x-1-2{
		width: 52%;
	}
}


.x-icon-angle-down {  transform: rotate(90deg);  font-family: "revicons" !important;}
.x-icon-angle-down:before{   content: '\e825' !important;}

.section-holder-row .x-bg-layer-upper-color{  background-color: transparent;
   
  transition: 0.3s; }
  
.section-holder-row .x-bg-layer-upper-color:hover {
  background-color: #3e8e41; 
}


.div-collubs{ display:none;} 
/*
@media only screen and (max-width: 768px) {
	.x-image-preserve-ratio img{  
	        padding: 10px 0; 
	}
	.e1625-1.x-bar.x-bar-top{
	     height: 75px !important;
	 }
}*/

.x-menu-collapsed .x-anchor-sub-indicator {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 85px;
    padding: 20px 0px;
}

.col-div-custom:hover{ cursor: pointer; }
 
 body.home .x-slider-container{ background: #5a646e;}



@media only screen and (max-width: 768px) {
	.mobile-align-center-text-div{
      display: flex !important;
      align-items: center; /* Vertical */
      justify-content: center; /* Horizontal */
    }
}

/* ---------------------------------------------------------------------------
   Minimize the masthead when the page is scrolled down.
   custom.js toggles `body.x-scrolled`; these rules shrink the sticky bars.
   --------------------------------------------------------------------------- */
.e3091-e1 .x-bar-content,
.e3091-e4 .x-bar-content,
.e3091-e7 .x-bar-content {
  transition: height 0.28s ease;
}

.x-masthead .x-image {
  transition: max-height 0.28s ease;
}

body.x-scrolled .e3091-e1 .x-bar-content { height: 50px; }
body.x-scrolled .e3091-e4 .x-bar-content { height: 34px; }
body.x-scrolled .e3091-e7 .x-bar-content { height: 40px; }
body.x-scrolled .x-masthead .x-image { max-height: 26px !important; }

/* Elementi typography and header branding. */
html body,
html body input,
html body button,
html body select,
html body textarea,
html body .x-text,
html body .x-colophon.bottom .x-colophon-content {
  font-family: "Gill Sans Regular", "Gill Sans", Arial, sans-serif !important;
  font-weight: 400;
}

html body .respp,
html body .resppt {
  font-family: "Gill Sans Regular", "Gill Sans", Arial, sans-serif !important;
  font-weight: 400 !important;
}

.x-masthead .x-anchor-text-primary {
  font-family: "Gill Sans Regular", "Gill Sans", Arial, sans-serif !important;
  font-weight: 700 !important;
}

.x-masthead .e3091-e3.x-image {
  max-height: 76px !important;
}

.x-masthead .e3091-e3.x-image img {
  width: auto;
  height: 76px;
  max-height: 76px;
}

.x-masthead .e3091-e9.x-image {
  max-height: 46px !important;
}

.x-masthead .e3091-e9.x-image img {
  width: auto;
  height: 46px;
  max-height: 46px;
}

body.x-scrolled .x-masthead .e3091-e3.x-image {
  max-height: 48px !important;
}

body.x-scrolled .x-masthead .e3091-e3.x-image img {
  height: 48px;
  max-height: 48px;
}

body.x-scrolled .x-masthead .e3091-e9.x-image {
  max-height: 36px !important;
}

body.x-scrolled .x-masthead .e3091-e9.x-image img {
  height: 36px;
  max-height: 36px;
}

/* Homepage: full-bleed El Dorado campaign hero. */
body.home #cs-content > .e157-e1,
body.home #cs-content > .e157-e7 {
  display: none !important;
}

.elementi-home-hero {
  position: relative;
  display: grid;
  min-height: calc(100svh - 120px);
  overflow: hidden;
  isolation: isolate;
  color: #fff;
  background: #211b19;
}

.elementi-home-hero__media,
.elementi-home-hero__media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.elementi-home-hero__media {
  z-index: -2;
  margin: 0;
}

.elementi-home-hero__media img {
  display: block;
  max-width: none;
  object-fit: cover;
  object-position: center;
}

.elementi-home-hero::after {
  position: absolute;
  inset: 0;
  z-index: -1;
  content: "";
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(19, 15, 14, 0.76) 0%, rgba(19, 15, 14, 0.42) 29%, rgba(19, 15, 14, 0.08) 58%, transparent 76%),
    linear-gradient(180deg, rgba(14, 11, 10, 0.23) 0%, transparent 42%, rgba(14, 11, 10, 0.08) 100%);
}

.elementi-home-hero__content {
  align-self: start;
  width: min(570px, 48vw);
  margin: clamp(56px, 8vh, 96px) 0 0 clamp(32px, 7vw, 118px);
  text-shadow: 0 2px 24px rgba(0, 0, 0, 0.35);
}

.elementi-home-hero__eyebrow,
.elementi-home-hero__intro {
  color: inherit;
}

.elementi-home-hero__eyebrow {
  margin: 0 0 17px;
  font-size: clamp(11px, 0.85vw, 14px);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.elementi-home-hero h1 {
  max-width: 10ch;
  margin: 0;
  color: inherit;
  font-family: "Gill Sans Regular", "Gill Sans", Arial, sans-serif;
  font-size: clamp(46px, 5.35vw, 88px);
  font-weight: 400;
  line-height: 0.94;
  letter-spacing: -0.045em;
}

.elementi-home-hero__intro {
  max-width: 30rem;
  margin: 22px 0 0;
  font-size: clamp(16px, 1.3vw, 21px);
  line-height: 1.45;
}

.elementi-home-hero__cta {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  margin-top: 30px;
  padding: 13px 0 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.72);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.13em;
  text-decoration: none;
  text-transform: uppercase;
  transition: gap 180ms ease, border-color 180ms ease, color 180ms ease;
}

.elementi-home-hero__cta:hover,
.elementi-home-hero__cta:focus-visible {
  gap: 22px;
  border-color: #d6ab63;
  color: #f0cf96;
}

@media (max-width: 900px) {
  .elementi-home-hero {
    min-height: calc(100svh - 104px);
  }

  .elementi-home-hero__content {
    width: min(520px, 72vw);
    margin-top: clamp(42px, 7vh, 70px);
  }
}

@media (max-width: 700px) {
  .elementi-home-hero {
    min-height: calc(100svh - 104px);
  }

  .elementi-home-hero::after {
    background:
      linear-gradient(180deg, rgba(17, 13, 12, 0.72) 0%, rgba(17, 13, 12, 0.32) 34%, transparent 58%),
      linear-gradient(90deg, rgba(17, 13, 12, 0.24) 0%, transparent 72%);
  }

  .elementi-home-hero__media img {
    object-position: center;
  }

  .elementi-home-hero__content {
    width: auto;
    margin: 0;
    padding: clamp(36px, 7vh, 62px) 8vw 0;
  }

  .elementi-home-hero__eyebrow {
    margin-bottom: 13px;
    font-size: 10px;
  }

  .elementi-home-hero h1 {
    max-width: 9ch;
    font-size: clamp(42px, 12.5vw, 62px);
  }

  .elementi-home-hero__intro {
    max-width: 22rem;
    margin-top: 16px;
    font-size: 15px;
  }

  .elementi-home-hero__cta {
    margin-top: 21px;
    font-size: 11px;
  }
}