/* 
 Theme Name:   HPSP Child
 Theme URI:    http://houstonprocesspro.com
 Description:  Houston Process Pro
 Author:       Jim
 Author URI:   http://houstonprocesspro.com
 Template:     primeleg
 Version:      1.0.2
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/

/* Match the second hero slider button to the first button's presentation. */
.dreamit-slick-slider .single-slick.style_one .hero-text-wrap .slider-buttons a.btn-gradientstyle_two {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    white-space: nowrap;
}

.dreamit-slick-slider .single-slick.style_one .hero-text-wrap .slider-buttons a.btn-gradientstyle_two::before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    top: 50%;
    width: 0;
    height: 0;
    border-radius: 30px;
    background: #fff;
    transform: translate(-50%, -50%);
    transition: width .5s ease-in-out, height .5s ease-in-out;
}

.dreamit-slick-slider .single-slick.style_one .hero-text-wrap .slider-buttons a.btn-gradientstyle_two:hover::before,
.dreamit-slick-slider .single-slick.style_one .hero-text-wrap .slider-buttons a.btn-gradientstyle_two:focus::before {
    width: 200%;
    height: 500px;
}

.dreamit-slick-slider .single-slick.style_one .hero-text-wrap .slider-buttons a.btn-gradientstyle_two::after {
    content: "\f105";
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-left: 6px;
    background: #0c1c20;
    color: #cba574;
    font: 600 17px/40px Flaticon;
    text-align: center;
    vertical-align: middle;
    transition: background-color .5s, color .5s;
}

.dreamit-slick-slider .single-slick.style_one .hero-text-wrap .slider-buttons a.btn-gradientstyle_two:hover::after,
.dreamit-slick-slider .single-slick.style_one .hero-text-wrap .slider-buttons a.btn-gradientstyle_two:focus::after {
    background: #cba574;
    color: #0c1c20;
}

/* Official resource links on dark article pages. */
.page-id-918 .single-blog-content a { color: #d8b985; text-decoration: underline; text-underline-offset: 3px; }
.page-id-918 .single-blog-content a:hover, .page-id-918 .single-blog-content a:focus { color: #fff; }

/* Size Elementor SVG icons in the footer directory links. */
.elementor-element-15843c9 .item-list svg.e-font-icon-svg {
    width: 12px;
    height: 12px;
    fill: currentColor;
    vertical-align: middle;
}