/*
 * Theme Name: ClimateGen by Digital Mark
 * Description: ClimateGen Custom Theme
 * Author: DigitalMark
*/
/** Main container width **/
#content {
    width: 1140px;
    margin: 0 auto;
}

/** column sizes **/
.one-half {
    width: 49.5%;
    display: inline-block;
    vertical-align: top;
}
.one-third {
    width: 33%;
    display: inline-block;
    vertical-align: top;
}

/** alignment **/
.align-left {
    text-align: left;
}
.align-center {
    text-align: center;
}
.align-right {
    text-align: right;
}

/******************************************** BLOCKS **/


/******** BLOCK:  TREPIC WITH HEAD **/
.block-trepicwithhead h1, .block-trepicwithhead h2, .block-trepicwithhead h3, .block-trepicwithhead h4, 
.block-trepicwithhead h5, .block-trepicwithhead h6 {
    text-align: center;
    overflow: hidden;
    text-align: center;
    margin-bottom: 75px;
    text-shadow: 2px 2px 2px #aeaeae;
}
.block-trepicwithhead h1 > span, .block-trepicwithhead h2 > span, .block-trepicwithhead h3 > span, 
.block-trepicwithhead h4 > span, .block-trepicwithhead h5 > span, .block-trepicwithhead h6 > span {
    position: relative;
    display: inline-block;
}
.block-trepicwithhead h1 > span:before, .block-trepicwithhead h2 > span:before, 
.block-trepicwithhead h3 > span:before, .block-trepicwithhead h4 > span:before, 
.block-trepicwithhead h5 > span:before, .block-trepicwithhead h6 > span:before, 
.block-trepicwithhead h1 > span:after, .block-trepicwithhead h2 > span:after, 
.block-trepicwithhead h3 > span:after, .block-trepicwithhead h4 > span:after, 
.block-trepicwithhead h5 > span:after, .block-trepicwithhead h6 > span:after {
    content: '';
    position: absolute;
    top: 50%;
    border-bottom: 1px solid #36546e;
    width: 100vw;
    margin: 0 100px;
}

.block-trepicwithhead h1 > span:before, .block-trepicwithhead h2 > span:before, 
.block-trepicwithhead h3 > span:before, .block-trepicwithhead h4 > span:before, 
.block-trepicwithhead h5 > span:before, .block-trepicwithhead h6 > span:before {
    right: 100%;
}

.block-trepicwithhead h1 > span:after, .block-trepicwithhead h2 > span:after, 
.block-trepicwithhead h3 > span:after, .block-trepicwithhead h4 > span:after, 
.block-trepicwithhead h5 > span:after, .block-trepicwithhead h6 > span:after {
    left: 100%;
}
.block-trepicwithhead .image-row img {
    box-shadow: 3px 3px 3px #aeaeae;
    width: 95%;
    height: 225px;
    object-fit: cover;
    border-radius: 20px;
}

.block-trepicwithhead .image-text {
    position: relative;
    top: -60px;
    color: #fff;
    width: 82%;
    margin-left: 6%;
    font-size: 22px;
    text-align: left;
}
.block-trepicwithhead .right-arrow {
    float: right;
}
.block-trepicwithhead .image-text a:active, .block-trepicwithhead .image-text a:link, .block-trepicwithhead .image-text a:hover, .block-trepicwithhead .image-text a:visited {
    color: #fff;
    text-decoration: none;
}


/******************************************** SITE SPECIFIC BLOCK STYLES */
.block-trepicwithhead  {
}