product.scss 6.37 KB
h1{
  font-size:45px;
  line-height:54px;
  margin-bottom: 30px;
  margin-top:35px;
  
}
h2{
  font-size:35px;
  line-height:40px;
  margin-bottom: 30px;
  margin-top:35px;
  font-family: "Helvetica" !important;
  font-weight: 300 !important;
  color:#68696D;
  text-align: center;
  @media only screen and (max-width: 767px){
    font-size:25px;
    line-height:30px;
  }
}

@media only screen and (max-width: 767px){
  h1{
  font-size:35px;
  line-height:42px;
  margin-bottom: 30px;
}

}
@media only screen and (max-width: 767px){
.body-padding{
  margin-left: 15px;
  margin-right: 15px;
}
.wp-block-column > p{
  padding-right: 0px;
}

}
.subpage{
  h1{
    margin-top:5px;
  }
}

p:first-of-type:not(.resources p),
h1+p { 
  font-size: 20px !important; 
  line-height:25px !important; 
}

p{
  font-size: 16px !important;
  line-height:21px !important;
}

p strong{
  font-size: 20px !important; 
  line-height:25px !important; 
}



.find-a-broker-header.campaign {
width: 95% !important;
margin: auto;
}
article {
width: 100%;
margin: auto;
}



.product-header-image{
background-size: cover;
background-position: center;
height: 500px;
}
.header-list{
list-style: none;
margin-top:50px;
}
.header-list li{
color:#fff;
font-size:45px;
line-height:65px;
}
.header-list li::before{
height: 60px;
width: 60px;
top: 10px;
margin-right:10px;
content:url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2261.351%22%20height%3D%2250.67%22%20viewBox%3D%220%200%2061.351%2050.67%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20id%3D%22Rectangle_74%22%20data-name%3D%22Rectangle%2074%22%20width%3D%2261.351%22%20height%3D%2250.67%22%20transform%3D%22translate%280%200%29%22%20fill%3D%22none%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22Group_115%22%20data-name%3D%22Group%20115%22%20transform%3D%22translate%280%200%29%22%3E%20%3Cg%20id%3D%22Group_114%22%20data-name%3D%22Group%20114%22%20clip-path%3D%22url%28%23clip-path%29%22%3E%20%3Crect%20id%3D%22Rectangle_73%22%20data-name%3D%22Rectangle%2073%22%20width%3D%2243.578%22%20height%3D%2243.578%22%20transform%3D%22translate%282.242%204.85%29%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224.484%22%2F%3E%20%3Cpath%20id%3D%22Path_780%22%20data-name%3D%22Path%20780%22%20d%3D%22M13.339%2C20.167%2C24.031%2C33.731%2C58.212%2C3.139%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%226.278%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E'); 
position:relative; /*or absolute*/

}

.landing-table  {
margin:auto;
margin-top:0px;
margin-bottom:30px;
}
.landing-table-head {
width: calc(100% - 4px);
margin: auto;
color: #FFF;
padding: 10px;
font-size: 16px !important;
background-color: #54565A;
font-weight: bold;
line-height: 21px;
margin-top:30px;
text-transform:uppercase;
}
.landing-table table {
border-collapse: separate;
border-spacing: 2px;
}
.landing-table table tbody tr:nth-child(odd){
background-color: #f3f3f3;
}
.landing-table table tbody tr:nth-child(even){
background-color: #e5e6e6;
}
.landing-table td {
padding: 10px 30px;
border:1px solid #fff;
}

@media only screen and (max-width: 767px){
.landing-table table tbody tr:nth-child(odd){
background-color: transparent;
}
.landing-table table tbody tr:nth-child(even){
background-color:transparent;
}
.landing-table table tbody tr td:nth-child(odd){
background-color: #f3f3f3;
}
.landing-table table tbody tr td:nth-child(even){
background-color: #e5e6e6;
}
.landing-table td {
  display:block;
}


}
.top-row{
top: 140px; 
position: relative;
}


.header-row{
width: 30%;
float:right;
}
#new-page-logo {
display:inline-block;
}
.wpcf7-submit.campaign{
margin-top: 20px !important;
}
.col-sm-smallMenu{
display:none;
}
.resources{
background-color:#D6EAF9;
padding:30px;
}
.resources figcaption{
text-align: center;
font-family: 'Helvetica-Bold';
font-size:20px !important;
text-transform:uppercase;
white-space: nowrap;
margin-left: -10px;
}
.resources .wp-block-image{
margin: 0px;
}
.resources p{
font-size:16px !important;
line-height: 21px;
}
.resources a{
color:#009ADE;
text-decoration: none;
font-size:16px !important;
text-transform: uppercase;

}
.resources a:hover{
color:#000;
text-decoration: underline;
}

@media only screen and (max-width: 767px){




.landing-table  {
width: 100%;
margin:auto;
margin-top:0px;
margin-bottom:30px;
}

.landing-table-head {
width: calc(100% - 4px);
}

.col-sm-smallMenu .req_menu .tab__sub_label{
margin-top: -55px !important;
}
.product-header-text{
padding:20px 20px 0px 20px;
}

.wpcf7-submit.campaign{
display:none !important;
}
.product-header-image{
background-size: cover;
background-position: center;
height: 250px;
}
.top-row{
top: 100px; 
position: relative;
}
.spacer{
width: 100%;
display:block;
min-height: 250px;
opacity: 0;
}
#otherpage-logo {
     width: 30%;
     transition: 0.6s;
  }
#new-page-logo {
margin-left: 0px;
margin-top: 20px;
display:inline-block;
width:100%;
transition:  0.6s;
}

#content-wrap.retract #new-page-logo{
width:100%;
}
#mobile-menu-btn{
right:0px !important;
transition:  0.6s;
}
#content-wrap.retract #mobile-menu-btn{
right:0px;
transition:  0.6s;
}

}



.large-list{
  list-style-type: none;
  width: 95%;
   margin: auto;

}
@media only screen and (max-width: 767px){
  .large-list{
     width: 100%;
     padding-left: 5px;
  }
}
.large-list li{
  border-top:1px solid #A4A5A8 !important;
  font-size:20px;
  line-height: 25px;
  padding:23px 0px 23px 25px;
  position: relative;
  
}
.large-list li:last-of-type{
  border-bottom:1px solid #A4A5A8;
}
.large-list li::before {
       content: "";
     position: absolute;
     left: 5px;
     top: 28px;
     width: 10px;
     height: 10px;
     background-color: #54565A;
     border-radius: 50%;
 
   }
     .breadcrumb {
   padding: 8px 15px;
   margin-top: 20px;
   margin-bottom: 10px;
   list-style: none;
   background-color: #fff;
   border-radius: 4px;
   
}
.breadcrumb a {
   color: #428bca;
   text-decoration: none;
}

.resources-template-default{
.find-broker-div{
  background-color: #D6EAF9;
  padding: 15px;
  .wpsl-search{
    background-color: #D6EAF9 !important;
  }
  #wpsl-search-input{
    background-color: #D6EAF9 !important;
  }
  .results_row_top{
    background-color: #D6EAF9 !important;
  }
}
}

.product-header-image{
  display: block !important;
}