@charset "utf-8";
/*
Theme Name: Advertiser
Theme URI: http://advertiser.salemmediareps.com
Author: Salem National
Description: WordPress theme
Version: 1.1
Text Domain: advertiser
*/

@import url('css/normalize-v2.min.css');
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700');

/*
font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
*/


:root{
    --salem-blue: #1a3dae;
    --salem-blue-hover: #1c48d7;
}


body{font-size:16px; color:#222; font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif; background:#fff; line-height:1.4em;}

input, textarea, select, button{font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;}

.content_wrap{
    max-width:800px;
    width:100%;
    margin:0 auto;
}
@media (max-width: 750px) {
    .content_wrap{
        font-size:87.5%;
    }
}

/*================================================
	Header
==================================================*/
.header{
padding:2em;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
margin-bottom:2em;
}

.masthead {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 1.125em;
}
.masthead img{
display: block;
    width: auto;
    height: 30px;
    }
.page_title{
font-weight: 700;
    font-size: 1.5em;
    display: block;
    text-align: left;
}


/*================================================
	Page
==================================================*/
.wrapper{padding:0 24px 4em 24px;}
@media (max-width: 750px) {
    .wrapper{padding:0 20px 2em 20px;}
}
@media (max-width: 500px) {
    .wrapper{padding:0 10px 2em 10px;}
}


/*================================================
	CNA pages
==================================================*/
.wp-block-separator{
border-top-width: 1px;
border-top-color:rgba(0,0,0,0.2);
}

.sp-easy-accordion {
    counter-reset: item-counter; /* Initialize the counter */
}

.entry .ea-header{padding-top:0;}

.ea-card{
position: relative;
}
.ea-header{
position: relative;
padding-left:60px;
}
.ea-body{
padding-top:1.25em !important;
padding-bottom:1.25em !important;
}
.sp-easy-accordion .sp-ea-single .ea-header a{
font-size:1em !important;
}
.sp-easy-accordion > .sp-ea-single > .sp-collapse > .ea-body p{
margin-bottom:0;
}

.sp-easy-accordion .ea-card .ea-header::before {
    counter-increment: item-counter; /* Increment for each item */
    content: "" counter(item-counter) ""; /* Display the counter value */
    display: flex;
    width:60px;
    color:#fff;
    align-items: center;
    justify-content: center;
    height: 100%;
    background:var(--salem-blue);
    font-size: 1.25em;
    font-weight: 600;
    position: absolute;
    top:0;
    left:0;
}
@media (max-width: 500px) {
    .sp-easy-accordion .ea-card .ea-header::before{
        width:44px;
    }
    .ea-header{
        padding-left:44px;
    }
}


.entry .ea-body ol{
padding-left: 1em;
}


/* acknowledgment form */
.acknowledgment_wrap {
    font-size: 1.125em;
}
.acknowledgment_wrap_title {
    display: block;
    margin-bottom: 1rem;
    line-height: 1.3;
    padding-top: 1.5em;
    font-size: 1.5em;
    text-align: center;
}
.acknowledgment_form {
    border: 1px solid var(--salem-blue);
    border-radius: 5px;
    padding: 1.25em;
}
.acknowledgment_form p {
    line-height: 1.5;
    margin-bottom: 1.75em;
    font-size: 0.875em;
}

.acknowledgment_field_wrap{
margin-bottom:2em;
}

.acknowledgment_check_label {
display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    user-select: none;
    font-weight: 600;
}

/* Hide the browser's default checkbox */
.acknowledgment_check_label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #f5f5f5;
    border: 1px solid #d3d3d3;
}

/* On mouse-over, add a grey background color */
.acknowledgment_check_label:hover input ~ .checkmark {
  background-color: #d3d3d3;
}

/* When the checkbox is checked, add a blue background */
.acknowledgment_check_label input:checked ~ .checkmark {
  background-color: var(--salem-blue);
  border-color:var(--salem-blue);
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.acknowledgment_check_label input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.acknowledgment_check_label .checkmark:after {
    left: 7px;
    top: 2px;
    width: 9px;
    height: 16px;
    border: solid white;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}

.acknowledgment_btn{
    background: var(--salem-blue);
    color:#fff;
    cursor: pointer;
    border: none;
    border-radius: 5px;
    padding: 1em;
    text-align: center;
    font-size: 1.125em;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    display: block;
    font-weight: 600;
}
.acknowledgment_btn:hover{
    background: var(--salem-blue-hover);
}
.acknowledgment_btn:disabled {
    background: #bebebe;
    color: #9b9b9b;
    font-weight: 600;
    cursor:not-allowed;
}




/*================================================
	Entry
==================================================*/
.entry {
font-size: 1.125em;
background: #fff;
border-radius: 3px;
}

.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6{
display:block;
margin-bottom:1em;
line-height:1.3;
padding-top:1em;
}

.entry h1{font-size:1.75em;}
.entry h2{font-size:1.5em;}
.entry h3{font-size:1.25em;}
.entry h4{font-size:1.125em;}
.entry h5{font-size:1em;}
.entry h6{font-size:1em;}
.entry .highlighted_heading{
padding:10px;
background:#ffefe5;
}
.entry p,
.entry ul,
.entry ol,
.entry blockquote{
line-height:1.5em;
}
.entry p{
padding-bottom:1.5em;
}
.entry blockquote{
font-style: italic;
color: #111;
margin-bottom: 1.5em;
background: #eff3ff;
padding: 1em;
border-left: 5px solid var(--salem-blue);
}
.entry a{
color:var(--salem-blue);
text-decoration:underline;
}
.entry ul{
list-style-type:square;
padding-left:2em;
padding-bottom:10px;
}
.entry ul > li::marker{
color:var(--salem-blue);
}

.entry ul > li > ul{
list-style-type:circle;
padding-bottom:10px;
padding-top:10px;
}
.entry ol{
list-style-type:decimal;
padding-left:2em;
padding-bottom:10px;
}
.entry ol > li > ol{
list-style-type:lower-alpha;
padding-left:2em;
padding-bottom:10px;
padding-top:10px;
}
.entry ul li,
.entry ol li{
padding-bottom:1.125em;
}
/* Images */
.entry img{margin:0 auto; display:block; height:auto;}
.entry img.aligncenter,
.entry img.alignnone{margin:0 auto; display:block; width:100%; max-width:640px; height:auto;}
.entry img.alignleft{float:left; margin-right:30px; margin-bottom:10px; margin-top:5px; display:block; max-width:50%; height:auto;}
.entry img.alignright{float:right; margin-left:23px; margin-bottom:10px; margin-top:5px; display:block; max-width:50%; height:auto;}
/* Images with captions */
.entry div img{margin:0 auto 1.5em; display:block; width:auto; height:auto;}
.entry div.alignleft{float:left; margin-right:20px; margin-bottom:10px; margin-top:5px; max-width:50% !important;}
.entry div.alignright{float:right; margin-left:20px; margin-bottom:10px; margin-top:5px; max-width:50% !important;}
.entry div.aligncenter,
.entry div.alignnone{margin:0 auto 1.5em; height:auto; width:auto !important;}
.entry div.alignleft img,
.entry div.alignright img{display:block; width:100%; height:auto; margin-bottom:10px;}
.entry div.aligncenter img,
.entry div.alignnone img{margin:0 auto 10px; display:block; width:100%; max-width:640px; height:auto;}
.entry .wp-caption-text{font-size:12px; color:#727272; display:block; width:100%; max-width:500px; margin:0 auto; text-align:center; line-height:1; padding-bottom:0;}
/* Legal */
.entry > ul.legal{list-style-type:lower-alpha;}
.entry > ul.legal > li > ul{list-style-type:lower-roman;}

.entry .regular_btn{text-decoration:none; color:#ffffff;}

.video_wrap {position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0;}
.video_wrap iframe {position: absolute;	top: 0;	left: 0; width: 100%; height: 100%;}


@media (max-width: 750px) {
.entry img.alignleft, .entry img.alignright{float:none; margin:0 auto 1.5em; max-width:100%;}
.entry div.alignleft, .entry div.alignright{float:none; margin:0 auto 1.5em; max-width:100% !important;}
}


/*================================================
	Password protect Form
==================================================*/
.post-password-form{
padding:1.5em;
}
.entry .post-password-form label{
display: block;
color: #222;
padding-bottom: 3px;
font-size: 1em;
font-weight: 700;
}
.entry .post-password-form input[type="text"],
.entry .post-password-form input[type="password"]{
font-size: 1em;
color: #222;
padding: 10px;
border-radius: 1px;
border: 1px solid #d9d9d9;
background: #f5f5f5;
width:100%;
}
.entry .post-password-form input[type="text"]:focus,
.entry .post-password-form input[type="password"]:focus{
border-color: var(--salem-blue);
background: #fff;
}
.entry .post-password-form input[type="submit"]{
font-size:1.125em;
text-decoration:none;
display:inline-block;
color:#fff;
padding:0.75em 1.5em;
line-height:1;
border-radius:3px;
text-align:center;
position:relative;
font-weight:600;
cursor:pointer;
text-transform:uppercase;
border:0;
background: var(--salem-blue);
margin-top:10px;
}
.entry .post-password-form input[type="submit"]:hover{
background: var(--salem-blue-hover);
}


/*================================================
	Form
==================================================*/
/* Contact Forms =============================*/
.wpcf7-form{
padding-bottom: 1.75em;
}
.contact_form_wrap{border-radius: 3px;}
.contact_form_section {width:100%; padding: 1.5em 0 1.75em 0; border-bottom:1px solid rgba(0,0,0,0.2);}
.contact_form_section [data-class="wpcf7cf_group"]{position:relative; margin-top:1em;}
/*.contact_form_section:first-of-type{padding-top:0;}*/
.contact_form_section:last-of-type{border-bottom:0; padding-bottom:0;}
.contact_form_section_heading{
font-size: 24px;
text-align: center;
font-weight: 700;
margin-bottom: 24px;
    line-height: 1.2;
}
.contact_form_subheading {
font-weight: 700;
font-size: 1.125em;
padding: 20px 0;
}
.contact_form_section p{padding:0;margin:0; font-size: 1em;}

@media (max-width: 750px) {
.contact_form_section{padding:1em 1em 1.25em 1em;} 
}
.contact_field_wrap{margin-bottom:1em; position:relative;}
.contact_field_wrap:last-of-type{margin-bottom:0;}
.contact_field_wrap > label{
display: flex;
color: #333;
padding-bottom: 3px;
font-size: 1em;
font-weight: 700;
gap: 6px;
align-items: center;
}
.contact_field_wrap > label .rqd{font-weight:400; color:red; font-size:1em;}
.contact_field_note{color:#999; font-style: italic; font-size:14px; padding-bottom:3px;}
.contact_field_wrap input[type="text"],
.contact_field_wrap input[type="email"],
.contact_field_wrap input[type="tel"],
.contact_field_wrap input[type="date"],
.contact_field_wrap select,
.contact_field_wrap textarea{font-size: 1em; color: #333333; padding: 10px; border-radius: 1px; border: 1px solid #d9d9d9; background: #f5f5f5;width:100%;}
.contact_field_wrap textarea{height: 100px;}

.contact_field_wrap input[type="text"]:focus,
.contact_field_wrap input[type="email"]:focus,
.contact_field_wrap input[type="tel"]:focus,
.contact_field_wrap input[type="date"]:focus,
.contact_field_wrap select:focus,
.contact_field_wrap textarea:focus{border-color: #1d91e1; background: #f3faff;}

.contact_field_wrap .wpcf7-submit{
font-size: 1em;
text-decoration: none;
display: block;
color: #fff;
line-height: 1;
text-align: center;
position: relative;
font-weight: 600;
cursor: pointer;
text-transform: uppercase;
border: 0;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
background: var(--salem-blue);
width: 100%;
max-width: 500px;
margin: 0 auto;
border-radius: 5px;
padding: 1em;
}
.contact_field_wrap .wpcf7-submit:hover
{background:var(--salem-blue-hover);
}

input[type="file"]{
font-size: 1em;
padding: 10px 0;
}


/* overrides ===================================*/
.wpcf7-list-item{
margin:0;
}
div#ui-datepicker-div { z-index:1000!important; }
.contact_field_wrap .wpcf7-form-control-wrap{width: 100%;}



/* ======================================================
    checkbox styling
=======================================================*/

/* Checkbox Groups - Grid ===================================*/
.contact_form_checkboxes_wrap{
padding: 0.625em 0;
}
.contact_form_checkboxes_wrap .wpcf7-checkbox{
display: grid;
gap: 1em 0;
grid-template-columns: repeat(auto-fit, minmax(min(15rem, 100%), 1fr));
}

.contact_form_checkboxes_wrap .wpcf7-checkbox label{
display: flex;
gap: 7px;
align-items: center;
cursor: pointer;
position: relative;
}

/* Hide default checkbox */
.contact_form_checkboxes_wrap .wpcf7-checkbox input[type=checkbox] {
position: absolute;
opacity: 0; /* Use opacity: 0 instead of visibility: hidden for accessibility */
width: 22px;
height: 22px;
cursor: pointer;
}

.contact_form_checkboxes_wrap .wpcf7-checkbox input[type=checkbox] + span.wpcf7-list-item-label:before {
content: '';
display: inline-block;
width: 22px;
height: 22px;
border: 2px solid #d3d3d3;
border-radius: 2px;
vertical-align: middle;
position: absolute;
left: 0;
}

/* Style the custom checkbox when it is checked (e.g., background color) */
.contact_form_checkboxes_wrap .wpcf7-checkbox input[type=checkbox]:checked + span.wpcf7-list-item-label:before {
background-color: var(--salem-blue); /* Background color when checked */
border-color: var(--salem-blue);
}

/* Style the checkmark itself (optional, if not using accent-color) */
.contact_form_checkboxes_wrap .wpcf7-checkbox input[type=checkbox]:checked + span.wpcf7-list-item-label:after {
content: '';
display: block;
left: 7px;
top: 3px;
width: 7px;
height: 14px;
border: solid white;
border-width: 0 3px 3px 0;
transform: rotate(45deg);
position: absolute;
}

/* Adjust label text alignment */
.contact_form_checkboxes_wrap .wpcf7-list-item-label {
vertical-align: middle;
position: relative;
padding-left: 30px;
}


/* Single / Stacked ===================================*/
.contact_field_wrap-checkboxes{
display: flex;
align-items: center;
gap: 8px;
}
.contact_field_wrap-checkboxes > div:first-child{
width:100%;
position: absolute;
left:0;
top: 0;
}
.contact_field_wrap-checkboxes > div:first-child .wpcf7-list-item{
width:100%;
}
.contact_field_wrap-checkboxes .wpcf7-list-item label {
position: relative;
display: block;
}
.contact_field_wrap-checkboxes .wpcf7-list-item label input[type=checkbox] {
position: absolute;
opacity: 0;
width: 100%;
height: 22px;
cursor: pointer;
}
.contact_field_wrap-checkboxes .wpcf7-list-item label span{
text-indent: -9999px;
display: inline-block;
width: 0;
}

.contact_field_wrap-checkboxes .wpcf7-list-item label input[type=checkbox] + span.wpcf7-list-item-label:before {
content: '';
display: inline-block;
width: 22px;
height: 22px;
border: 2px solid #d3d3d3;
border-radius: 2px;
vertical-align: middle;
position: absolute;
left: 0;
}

/* Style the custom checkbox when it is checked (e.g., background color) */
.contact_field_wrap-checkboxes .wpcf7-list-item label input[type=checkbox]:checked + span.wpcf7-list-item-label:before {
background-color: var(--salem-blue); /* Background color when checked */
border-color: var(--salem-blue);
}

/* Style the checkmark itself (optional, if not using accent-color) */
.contact_field_wrap-checkboxes .wpcf7-list-item label input[type=checkbox]:checked + span.wpcf7-list-item-label:after {
content: '';
display: block;
left: 7px;
top: 3px;
width: 7px;
height: 14px;
border: solid white;
border-width: 0 3px 3px 0;
transform: rotate(45deg);
position: absolute;
}

.contact_field_wrap-checkboxes > div:last-child{
padding-left: 30px;
}


/* Old Boxes */
.contact_checkbox_wrap {
padding: 1em 0 1em 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.contact_checkbox_wrap label {
font-weight: 700;
cursor: pointer;
}
.contact_checkbox_wrap .wpcf7-list-item-label {
margin-left: 4px;
}
.contact_checkbox_wrap:last-child{
border-bottom:0;
}





.influencer_buy_info_wrap{
display: flex;
flex-wrap: wrap;
}
.influencer_buy_info_box{
width:50%;
padding:0 10px;
}

.contact_field_wrap.amount .wpcf7-form-control-wrap::before {
content: '$';
position: absolute;
z-index: 200;
color: #333;
top: 2px;
left: 10px;
}
.contact_field_wrap.amount input{
padding-left:20px;
}

.contact_field_prefix_wrap{
display: flex;
justify-content: flex-start;
column-gap: 5px;
align-items: center;
width: 100%;
}



/* Radio styling ==========================================*/
.contact_field_wrap .wpcf7-radio{
padding-top:10px;
display:block;
}
.contact_field_wrap .wpcf7-radio .wpcf7-list-item{
display:block;
padding-bottom:0.5em;
font-size:1em;
}
.contact_field_wrap .wpcf7-radio .wpcf7-list-item label span{
color:inherit;
font-size:inherit;
cursor:pointer;
}


.contact_field_wrap .contact_form_radios_wrap .wpcf7-radio .wpcf7-list-item{
padding-bottom:0;
}
.contact_field_wrap .contact_form_radios_wrap .wpcf7-radio{
display: grid;
gap: 10px 0;
grid-template-columns: repeat(auto-fit, minmax(min(15rem, 100%), 1fr));
padding: 1em 0;
}

.contact_field_wrap .contact_form_radios_wrap .wpcf7-radio .wpcf7-list-item{
margin-bottom: 0;
}

.contact_field_wrap .contact_form_radios_wrap .wpcf7-radio .wpcf7-list-item label{
display: flex;
gap: 7px;
align-items: center;
margin-bottom: 0;
}

.wpcf7-radio label{
display: flex;
gap: 7px;
align-items: center;
}

.contact_field_radio_fillin_label {
font-size: 0.875em;
display: block;
margin-bottom: 2px;
}
.contact_field_radio_fillin_label .rqd{font-weight:400; color:red; font-size:1em;}


/* Single / Stacked ===================================*/
.contact_field_wrap-radios{}
/*
.contact_field_wrap-radios > div:first-child{
width:100%;
position: absolute;
left:0;
top: 0;
}

.contact_field_wrap-radios > div:first-child .wpcf7-list-item{
width:100%;
}*/
.contact_field_wrap-radios .wpcf7-list-item label {
position: relative;
display: block;
}
.contact_field_wrap-radios .wpcf7-radio .wpcf7-list-item label span{
padding-left:26px;
}
.contact_field_wrap-radios .wpcf7-list-item label input[type=radio] {
position: absolute;
opacity: 0;
width: 18px;
height: 18px;
cursor: pointer;
}

.contact_field_wrap-radios .wpcf7-list-item label input[type=radio] + span.wpcf7-list-item-label:before {
content: '';
display: inline-block;
width: 18px;
height: 18px;
border: 2px solid #d3d3d3;
border-radius: 50%;
vertical-align: middle;
position: absolute;
left: 0;
top: 2px;
}

/* Style the custom checkbox when it is checked (e.g., background color) */
.contact_field_wrap-radios .wpcf7-list-item label input[type=radio]:checked + span.wpcf7-list-item-label:before {
background-color: var(--salem-blue); /* Background color when checked */
border-color: var(--salem-blue);
}

/* Style the checkmark itself (optional, if not using accent-color) */
.contact_field_wrap-radios .wpcf7-list-item label input[type=radio]:checked + span.wpcf7-list-item-label:after {
content: '';
display: block;
left: 5px;
top: 7px;
width: 8px;
height: 8px;
background: white;
border-radius: 50%;
position: absolute;
}


















@media (max-width: 750px) {
    .contact_field_wrap .wpcf7-submit{padding:1em 0; width:100%;}
    .influencer_buy_info_box{
    width:100%;
    padding:0;
    }
    .influencer_buy_info_box:first-of-type{
    margin-bottom: 1em;
    }
}


/* Error styling ==========================================*/
.wpcf7-form .contact_field_wrap label.error {
font-size: 14px;
font-weight: 400;
background: #F5D8D8;
border-radius: 3px;
padding: 2px 5px;
}


.wpcf7-not-valid-tip{
display: none !important;
}


@media (max-width: 750px) {
.contact_field_wrap input[type="text"],
.contact_field_wrap input[type="email"],
.contact_field_wrap input[type="tel"],
.contact_field_wrap select{width:100%;}
}