/**
* Theme Name: Paragon Heating and Home Comfort Solutions
* Author: Rocketship
* Author URI: www.getrocketship.com
* Template: Divi
* Text Domain: paragon-child-theme
*/

/**
General
 */
body{
    font-family: "Helvetica Neue","Arial","sans-serif";
    letter-spacing: 0.4px;
}
h1, .h1 {
    font-weight: 700;
}
.h1, .h1 a{
    line-height: 1.35em;
    font-family: Arvo;
    font-weight: 700;
    font-style: normal;
    font-size: 28px;
    line-height: 1.1em;
    letter-spacing: 0px;
}
h2, .h1ash2 h1{
    color: #837b77;
    font-style: normal;
    font-weight: 700;
    font-size: 22px!important;
    line-height: 1.3em;
    letter-spacing: 0px;
}
.h2-height-400 h2{
    font-weight: 400!important;
}
h2 a{
    color: #e55302;
}
h3{
    font-family: 'Pacifico', cursive!important;
    font-weight: 400;
    font-style: normal;
    font-size: 25px!important;
    line-height: 1.4em;
    letter-spacing: 2px;
    color: #39892f
}
.et_pb_text ol, .et_pb_text ul{
    padding-left: 20px;
}
.logo-mobile-only{
    display: none!important;
}
.mobile-phone-nr{
    display: none!important;
}
@media all and (max-width: 768px){
    .et_pb_text ol, .et_pb_text ul{
        padding-left: 5px;
    }
    .mobile-phone-nr{
        display: block!important;
        position: absolute;
        right: 10px;
        top: 6px;
        z-index: 9999;
    }
    .mobile-phone-nr:before{
        content: "\e090";
        font-size: 20px;
        position: relative;
        top: 2px;
        margin-right: 2px;
        font-family: ETmodules !important;
        speak: none;
        font-style: normal;
        font-weight: 400;
        -webkit-font-feature-settings: normal;
        font-feature-settings: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-shadow: 0 0;
        direction: ltr;
    }
    .et_header_style_split #et-top-navigation .mobile_menu_bar{
        margin-right: 40px;
    }
    h1, .h1, .h1 a{
       font-size: 26px!important
    }
    #et-info-phone:before{
        content: none;
    }
    #et-info-phone .cta-top-header a:nth-child(2){
        order: 1;
        margin-bottom: 10px;
    }
    #et-info-phone .cta-top-header a:nth-child(1){
        order: 2;
        display: none!important;
    }
    #et-info{
        padding-top: 10px;
        padding-bottom: 15px;
    }
    .logo_container{
        display: none;
    }
    .et_header_style_split #et_mobile_nav_menu{
        margin-top: 0;
    }
    #main-header{
        padding: 0!important;
    }
    .logo-mobile-only{
        display: inline-block!important;
    }
    .logo-mobile-only a:before{
        content: '';
        display: block;
        position: relative;
        background-image: url(/wp-content/uploads/2020/11/paragon-heating-and-home-comfort-solutions-logo.png);
        height: 100px;
        width: 100px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }
    #top-header #et-info-phone{
        flex-direction: row!important;
        justify-content: space-between!important;
    }
    #top-header .container{
        width: 100%!important;
        padding: 0 10px;
    }
    .cta-top-header{
        display: flex;
        flex-direction: column;
    }
}
@media (max-width: 980px) {
    .et_header_style_split .et_mobile_menu {
        top: 33px!important;
    }
    footer a.get-coupon-button, #top-header .get-coupon-button{
        font-size: 18px!important;
        font-weight: 600!important;
    }
    #et-info a{
        font-size: 20px!important;
    }
}

/**
Buttons
 */
.et_pb_button.et_pb_bg_layout_light, .et_pb_button.et_pb_bg_layout_light:hover{
    font-family: "Arvo";
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 15px 30px!important;
}

/**
Header
 */
#main-header{
    border-bottom: 4px;
    border-bottom-style: solid;
    border-bottom-color: #e55302;
}
.display-none{
    display: none!important;
}
.et_header_style_split #main-header .centered-inline-logo-wrap{
    width: 200px!important;
    height: auto!important;
    margin: 0 0 -120px;
}
.et_header_style_split #main-header .centered-inline-logo-wrap .logo_container{
    bottom: -20px;
}
#main-header>.container{
    width: 100%;
    max-width: 100%;
}
.et_header_style_split #et-top-navigation nav>ul>li>a{
    padding-bottom: 25px;
}
#top-menu-nav>ul>li>a:hover, .et_mobile_menu li a:hover, .nav ul li a:hover{
    color: #e55302!important;
    opacity: 1!important;
}
.nav li ul{
    width: 310px;
    border-top: 0;
    margin-top: -10px;
}
#top-menu li li a{
    padding: 6px 0;
    width: 270px;
    line-height: 1.2;
}
#top-menu a, #top-menu-nav>ul>li>a:hover{
    -webkit-transition: none;
    transition: none;
}
#top-menu .menu-item-has-children>a:first-child:after{
    content: '';
}
#top-menu .menu-item-has-children>a:first-child{
    padding-right:0;
}
#top-header{
    background-color: #373534!important;
}
#top-header>.container{
    text-align: center;
}
#et-info, #et-info a{
    float: none;
    color: #fff !important;
    font-size: 30px;
    font-family: 'Arvo';
}
.et-fixed-header .centered-inline-logo-wrap{
    display: none!important;
}

/**
Blog
 */
.et_pb_module.et_pb_blog_grid_wrapper h3 a {
    font-family: 'Arvo', Georgia, "Times New Roman", serif !important;
    font-weight: 700 !important;
    color: #1c1c1c !important;
}
.more-link{
    text-transform: capitalize;
    font-size: 14px;
    line-height: 20px;
    margin-top: 15px;
    display: block;
}
.more-link:after{
    content: '→';
    margin-left: 10px;
    display: inline-block;
}
.et_pb_blog_grid .et_pb_post{
    border: 0;
    padding: 0;
}
.et_pb_image_container{
    margin: 0;
}
@media (min-width: 981px) {
    .et_pb_gutters3 .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3, .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3 {
        width: 31.667%;
        margin-right: 2.5%;
    }
}
.et_pb_post .entry-featured-image-url{
    margin-bottom: 20px;
}
article.et_pb_post .post-content-inner{
    font-size: 14px;
    line-height: 1.4em;
}
.footer-newsletter h2{
    font-size: 30px!important;
    padding-bottom: 0;
}

/**
Newsletter
 */
.newsletter input[type=email]{
    padding: 1em;
    background: #fff;
    border: 1px solid #0000001f;
    font-family: inherit;
    font-size: 15px;
    line-height: normal;
    border-radius: 3px;
    width: 70%;
}
.newsletter input[type=submit]{
    float: right;
    display: inline-block;
    height: auto;
    border-width: 0;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    height: auto;
    padding: 1.2em 10px;
    border-width: 0;
    text-align: center;
    font-family: "Arvo" !important;
    font-weight: 700 !important;
    background-color: #e65500;
    color: #fff
}
.newsletter .g-recaptcha{
    margin-top: 10px;
}
@media all and (max-width: 768px){
    .newsletter input[type=email], .newsletter input[type=submit]{
        width: 100%;
        margin-bottom: 10px;
    }
}
/*Footer*/
.footer_logos img{
    max-width: 120px;
}
.footer_logos{
    width: 100%;
    display: table;
}
.footer-newsletter td{
    text-align: center;
}
.column-ft{
    width: 12.5%;
    display: table-cell;
    vertical-align: middle;
}
@media all and (max-width:980px){
    .column-ft{
        display: inline-block;
        width: auto;
    }
    .footer_logos{
        text-align: center;
    }
    .footer_logos img{
        margin-right: 5px;
        margin-bottom: 5px;
    }
}
a.rating{
    color: #fff;
}
.footer-cred, .footer-cred a{
    color: #ffffff4d;
    font-size: 14px;
    font-weight: 400;
}
.footer-cred a{
    text-decoration: underline;
}

/*Listing services*/
.listings-services .et_pb_image_wrap  img{
    margin-top: -100px;
    min-height: 150px;
    object-fit: cover;
}
.listings-services .et_pb_image_wrap{
    height: 150px;
    overflow: hidden;
}
.listings-services .no-margin-top .et_pb_image_wrap  img{
    margin-top: auto;
}
/*Sub-header*/
.sub-header:after{
    background-color: #504e4eb3;
    top: 0;
    left:0;
    position: absolute;
    content: '';
    display: block;
    width: 100%;
    height: 100%;
}

/*Toggle*/
.et_pb_toggle_title{
    font-size: 18px;
    font-weight: 400;
    padding-left: 30px!important;
}
.et_pb_toggle_title:before, .et_pb_toggle_open .et_pb_toggle_title:before{
    content: '⬇';
    color: #e65500;
    padding-right: 8px;
    font-size: 25px;
}
.et_pb_toggle_close{
    border: 0;
}
.et_pb_accordion .et_pb_toggle_title:before, .et_pb_toggle .et_pb_toggle_title:before {
    right: auto;
    left: 0;
}
.et_pb_toggle{
    padding-left: 0;
    border:0;
    margin-bottom: 5px!important;
}
.et_pb_toggle_open{
    border-bottom: solid 1px #e1e1e0;
}
.et_pb_toggle_close {
    background-color: transparent;
}
.faq-toggle .et_pb_toggle_title:before, .faq-toggle .et_pb_toggle_open .et_pb_toggle_title:before{
    content: 'Q';
    font-family: none!important;
    font-weight: bold;
}

/*blog*/
.blog-listening h2 a{
    color: #373534;
}

/*Contact Form*/
.form-row{
    width: 100%;
    display: block;
    margin-bottom: 15px;
}
.form-row-half{
    width: 49%;
    float: left;
}
.form-row-half:first-child{
    margin-right: 1%;
}
.form-row-half:last-child{
    margin-left: 1%;
}
.contact-form input, .contact-form textarea{
    width: 100%;
    border: 1px solid #ccc;
    background: #fafafa;
    color: #000;
    font-family: sans-serif;
    font-size: 12px;
    line-height: normal;
    box-sizing: border-box;
    border-radius: 2px;
    padding: 12px;
}
.contact-form textarea{
    height: 150px;
}
.contact-form label span {
    font-family: "Helvetica Neue","Arial","sans-serif";
    font-size: 12px;
}
.form-row:after{
    content: '';
    clear: both;
    display: block;
}
.form-row input[type=submit]{
    background-color: #358a29;
    border-color: #358a29;
    color: #fff;
    text-transform: uppercase;
    font-family: Arvo;
    font-weight: 700;
    font-size: 14px;
    width: auto;
    padding: 12px 30px;
    cursor: pointer;
}

ol {
    margin-left: 20px;
    position: relative;
    list-style: none;
    counter-reset: my-awesome-counter;
}
ol>li {
    list-style: none;
    counter-increment: my-awesome-counter;
}
ol>li::before {
    content: counter(my-awesome-counter) ". ";
    font-family: 'Pacifico',cursive!important;
    font-weight: 400;
    font-style: normal;
    color: #39892f;
    left: -20px;
    position: absolute;
}

.widgettitle-custom {
	position: relative;
	top: 28px;
}

footer #info .et_pb_text_inner,
#top-header #et-info-phone {
	display: flex;
  	align-items: center;
  	justify-content: center;
	flex-direction: column;
}
footer a.get-coupon-button,
#top-header .get-coupon-button {
	background-color: #358a29;
  	border-color: #358a29;
  	color: #fff;
  	text-transform: uppercase;
  	font-family: Arvo;
  	font-weight: 700;
  	font-size: 20px;
  	width: auto;
  	padding: 6px 15px;
  	cursor: pointer;
	border-radius: 3px;
	margin-top: 10px;
}
@media (min-width: 768px) {
	footer #info .et_pb_text_inner,
	#top-header #et-info-phone {
		flex-direction: row;
	}
	footer a.get-coupon-button,
	#top-header .get-coupon-button {
		margin-left: 15px;
		margin-top: 0;
	}
	footer #info .et_pb_text_inner,
	#top-header #et-info {
		padding-top: .35em;
	}
}