/*********************************************/
/* =^..^= =^..^= =^..^= =^..^= =^..^= =^..^= */
/*                                           */
/* CUSTOM STYLE OVERWRITES                   */
/*                                           */
/* =^..^= =^..^= =^..^= =^..^= =^..^= =^..^= */
/*********************************************/

/****************************************************************************/
/*                                                                          */
/* IF YOU WOULD LIKE TO OVERWRITE CSS STYLE SETTINGS TO FURTHER CUSTOMIZE   */ 
/* THE TEMPLATE TO YOUR NEEDS, PLEASE USE THIS FILE                         */
/*                                                                          */
/****************************************************************************/

/* EXAMPLE - Categories Dropdown */

.topic-dropdownmain { float:right; width:300px; position:relative; margin-bottom:60px; }
.select-topics span { display:block; padding:12px 20px; background: linear-gradient(#fdfdfd, #dae6ee); border-radius:4px; color:#333; position:relative; cursor:pointer;border:1px solid #c7d4dc; }
.select-topics span:before { content: "\f107";  font-family: 'FontAwesome'; position:absolute; right:20px; top:12px; font-size:22px; }
.topics-list ul { display:none; position:absolute; z-index:8; left:0; top:100%; width:100%; background:#fff; border-radius:4px; overflow:hidden; list-style:none; padding:0; margin:0;border:1px solid #c7d4dc; }
.topics-list h3 { display:none; }
.topics-list ul li a { display:block; padding:10px 15px; }
.topics-list ul li a:hover { color:#fa652c; }
.topics-list ul li { border-top:1px solid #ccc; } 
.topics-list ul li:first-child { border-top:none; } 

/* EXAMPLE - Landing Page Overwrites */

/* LP Heading - Lineheight */
.lp-squeeze-wrapper h1,  
.lp-basic-wrapper h1 {
    line-height: 1.2em;
}

/* LP Horizontal Box - Left Content Vertical Top alignment */
.lp-premium-content-wrapper .pwr-sec-form__content--v-align {
    align-items: initial;
}

/* EXAMPLE - ENTRY PAGE OF DEMO SITE */

/* Common */
.pwr-entry-wrapper .pwr-sec__title {
    line-height: 1.3em;
}

/*bullet list fix*/
/*li::before {    
background-color: #0083ca;
    content: "";
    height: 2px;
    left: -42px;
    position: absolute;
    top: 15px;
    width: 22px;
}*/


/* Hero */
.pwr-entry-wrapper .pwr-hero {
    height: 700px;
}
.pwr-entry-wrapper .pwr-hero__title {
    font-size: 130px;
    max-width: 950px;
}
.pwr-entry-wrapper .pwr-hero__desc {
    max-width: 100%;
}
@media (max-width: 1100px ) {
  .pwr-entry-wrapper .pwr-hero__title {
      font-size: 110px;
      line-height: 1em;
  }
}
@media (max-width: 576px ) {
  .pwr-entry-wrapper .pwr-hero__title {
      font-size: 66px;
  }
}

/* List of Templates */
.pwr-entry-wrapper .pwr-image-box--smaller .pwr-image-box__title {
    font-size: 18px;
}
.pwr-entry-wrapper .pwr-image-box.pwr-image-box--4cols.pwr-image-box--one-by-one .pwr-image-box__img {
    height: 214px;
}
.pwr-entry-wrapper .pwr-image-box__below {
    padding: 25px 0;
}

/* CTA module titles */
.pwr-entry-wrapper .pwr-sec-cta__title {
    max-width: 880px;
}

/* Template Features */ 
.pwr-entry-wrapper .pwr-sec-txt .pwr-sec-txt__title-intro {
    margin-bottom: 5px;
}
.pwr-entry-wrapper .pwr-sec-steps .pwr-step__desc {
    line-height: 1.8em;
}
.pwr-entry-wrapper .pwr-sec-steps:not(.pwr-sec-steps--with-intro) .pwr-step {
    padding: 40px 20px;
    border-radius: 7px;
    border: 1px solid rgba(0,0,0,0.2);
    margin: 10px;
}
@media (max-width: 575px) {
  .pwr-entry-wrapper .pwr-sec-steps .pwr-step {
      margin-left: 0;
      margin-right: 0;
  }
}

/* Mockup and layout variant sections */
.pwr-entry-wrapper .pwr-sec-mockup .pwr-sec-mockup__title-intro, 
.pwr-entry-wrapper .pwr-sec-steps--with-intro .pwr-sec-steps__title-intro {
    color: #2254fe;
    font-size: 100px;
    font-weight: 800;
    margin-bottom: 0px;
    line-height: 1em;
}
.pwr-entry-wrapper .pwr-sec-mockup .pwr-sec-mockup_title, 
.pwr-entry-wrapper .pwr-sec-steps--with-intro .pwr-sec-steps__title {
    line-height: 1.3em;
}
.pwr-entry-wrapper .pwr-sec-steps .pwr-sec__title + .pwr-sec__desc {
    margin-top: 15px;
}
.pwr-entry-wrapper .pwr-sec-mockup .pwr-sec-mockup__desc, 
.pwr-entry-wrapper .pwr-sec-steps--with-intro .pwr-sec-steps__desc {
    line-height: 1.8em;
}
.pwr-entry-wrapper .pwr-sec-steps--with-intro .pwr-step__img {
    height: auto;
    margin-bottom: 20px;
}
.pwr-entry-wrapper .pwr-sec-steps--with-intro .pwr-step {
    margin: 0 10px 10px;
    padding: 0;
}
@media (max-width: 575px) {
  .pwr-entry-wrapper .pwr-sec-steps .pwr-step {
      margin-left: 0 !important;
      margin-right: 0 !important;
  }
}

/* Modules and cross-browser section */
.pwr-entry-wrapper .pwr-sec-maintenance-error__img--bottom {
    margin-top: 60px;
}

/* Header fixed area */
.top-search {
display:flex;
  align-items:center;
  justify-content:space-around;
  flex-wrap:wrap;
}


@media (max-width: 575px) {
.pwr--full-width {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}

@media (max-width: 767px) and (orientation : portrait) {
.image_blog {
 padding-left: 25%;
    top:35%;
  padding-bottom:15px;
  max-width:75%;
  }
}


@media (max-width: 850px) and (orientation : landscape) {
.image_blog {
 padding-left: 3%;
      top:50%;
  padding-bottom:5px;
  max-width:75%;
  }
}



@media only screen and (device-width : 812px) and (device-height : 375px) and (orientation : landscape){    
  .pwr-header-logo {
    position:absolute;
transform:translateY(-25%);
  }
  
.blog_searchright {
 padding-right: 25px;
 display:block;
  } 
}

@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape) { 
  .image_blog {
 padding-left: 5%;
    top:60%;
  padding-bottom:15px;
  max-width:75%;
  }  
}

@media only screen and (min-device-width : 667px) and (max-device-width : 668px) and (orientation : landscape) {
.row-fluid .search-section input[type=text], .row-fluid .search-section input[type=email] { width:70%; }
}




  @media (max-width: 480px) {

.blog_searchright {
 padding-right: 10px;
  }
  
    .menu_magic{
    display:none !important;
    padding: 35px 0px 65px 0px;
    }    
   
    .menu_appear{
    display:block !important;
    padding: 70px 0px 0px 0px;
    }    
  }
    
    
@media (max-width: 767px) {
    .topstuff {   
    padding:0px 0px 15px 0px;
}
    }   
     .toptop {   
    height:100px;
}
.mainmenu{
margin-right:15px !important;
}
    }      
    

    
@media (min-width: 768px) {
    .topstuff2 {   
    padding:35px 0px 60px 0px ;
}
    }    
    }


/*Search topics mobile only drop down*/
@media (max-width: 991px) {

    .menu_appear_mobile{
    display:block !important;
    padding: 0px 0px 0px 0px;
    } 
  
    }  



/* ==========================================================================
   Fix for HubSpot Update - May 28th 2020
   ========================================================================== */
.pwr-sec-posts {
  display: block !important;
}

.hs_cos_wrapper_type_rich_text ul:not(.inputs-list) li:before {
display: block;
}