/* Custom Override */
#site-header{ background: #173248!important; }
#site-header .header-inner{ width: 100%!important; padding:  10px 20px; max-width: 100%!important;}
#site-content a{color: #466C8C}
#site-content a:hover{color: #789EBF}
.menu-modal-inner{background-color: #466C8C }
.modal-menu a{color: #ffff !important}
.primary-menu{align-items: center;}
.mobile-nav-toggle .toggle-inner .toggle-icon, .mobile-nav-toggle .toggle-inner .toggle-text{color: #ffffff !important	}
.mobile-nav-toggle{background-color: #466C8C !important	}
.nav-free-sample, .rm-site, .global-nav .member-site{display: none !important;}
ul.primary-menu li a:hover{color: #789EBF !important}
.nav-free-sample a, .nav-custom-mag a{
	background-color: #c20000;
    padding: 10px !important;
    border-radius: 5px;
    font-weight: bold !important;
    text-transform: uppercase;
    font-size: 18px;
    text-align: center;
}

#site-header .nav-free-sample a:hover, #site-header .nav-custom-mag a:hover{background-color: #789EBF; color: #ffffff !important	}

.global-nav .nav-free-sample, .global-nav .rm-site{display: block !important;}

ul.primary-menu li a{ color: #fff!important; text-decoration: none!important;}

#site-footer{ background-color: #231f20; color: #fff; text-align: center; }
#site-footer img{ margin:  0 auto; }
#site-footer p{ margin-bottom: 0px; margin-top: 5px; font-size: 15px; line-height: 25px;}
#site-footer p a{ color: #fff; }
.remove-margin-bottom p,  .remove-margin-bottom h6, .remove-margin-bottom h5, .remove-margin-bottom h4, .remove-margin-bottom h3, .remove-margin-bottom h2, .remove-margin-bottom h1{ margin-bottom: 0 !important; }
.tcb-col[data-css="tve-u-17532c4ad15"]::before{
	content: "MOST POPULAR";
    position: absolute;
    top: -32px;
    text-align: center;
    font-family: 'Roboto';
    font-size: 15px;
    background-color: #7094b3;
    padding: 5px 5px 57px 5px;
    border-radius: 20px;
    z-index: -1;
    left: -2px;
    color: #ffffff;
    right: -2px;
}

.tcb-col[data-css="tve-u-17532c4ad15"]::after{
	content: " ";
    height: 54px;
    position: absolute;
    bottom: -15px;
    left: -2px;
    background-color: #7094b3;
    right: -2px;
    border-radius: 20px;
    z-index: -2;
}
.tcb-col[data-css="tve-u-17532c4ad15"]{position: relative; overflow: visible;}

nav .icon{color: #789EBF !important}
.modal-menu li{border-color: #789EBF !important}

/* global css */

header.entry-header{display:none}
.remove-margin-bottom p,  .remove-margin-bottom h6, .remove-margin-bottom h5, .remove-margin-bottom h4, .remove-margin-bottom h3, .remove-margin-bottom h2, .remove-margin-bottom h1{ margin-bottom: 0 !important; }
.entry-content h1, .entry-content h2, .entry-content h3{margin:0;}
.page-id-2 header{display: none !important}
.page-id-2 .tve_flt{width: 100% !important; max-width: 100% !important}
#tve_editor .fullwidth{width: 100%}
#tve_flt{margin-bottom: 0}
.demo-border::before{margin:0 auto; content:""; position: absolute; top:20px; left: 20px; bottom: 20px; right: 20px; background-color: transparent; border: 1px solid #949494; z-index: 1}

/*past issues */
.past-issues .tcb-flex-row .tcb-flex-col{margin-top: 10px}


/* Peinted Magazine Page */
.img-bg:after{
    content: " ";
    position: absolute;
    height: 85%;
    width: 85%;
    z-index:0
}

.bg-right:after{bottom: -30px; left: -30px;}
.bg-blue:after{background-color: #174063;}
.bg-left:after{bottom: -30px; right: -30px;}
.bg-gray:after{background-color: #e8e8e8;}
.bg-green:after{background-color: #426d5e;}
.bg-light-blue:after{background-color: #89aece;}


.img-bg {overflow: visible;}

/*pop up css */
.form-container{border-radius: 10px; background: #d9d9d9; padding: 0 20px;}

/*Pricing Magazine */
.slider {
    -webkit-appearance: none;
    width: 100%;
    height: 15px;
    background: #d3d3d3;
     outline: none;
    border-radius: 10px;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
    background-color: #ead2a1;
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    cursor: pointer;
    background-color: white;
    background-image: url('https://cdn.onlinewebfonts.com/svg/img_248143.png')!important;
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: 50%;
    transform: scaleX(1.2);
    top: 5px;
    box-shadow: 0 2px 4px 1px #c7c7c7;
    z-index: 2;
}

.mailed-text{margin-bottom: 0; color: #ffffff; font-weight: bold; position: relative;}

.inputContainer{
    margin: 0 auto;
    max-width: 800px;
    background: rgba(23, 50, 72, 0.8);
    border-radius: 10px;
    padding: 30px;
    border: 1px solid #3275ab;
}

.mailed-text::after{
    content:url(/wp-content/uploads/2020/12/arrow-white2.png);
}

#priceText{
    text-align: center;
    margin-top: 20px;
    color: #ffffff;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 0;
}

.pricing-slider .tve_js_placeholder { display: none;}
.tve_js_placeholder{background: transparent;}


@media only screen and (max-width: 768px){
	.pricing-table .tcb-flex-col{margin-bottom: 40px}
	#tve_editor .fullwidth > .tcb-flex-row{display: flex !important; flex-direction: column !important;}
	#tve_editor .fullwidth > .tcb-flex-row > .tcb-flex-col{max-width: 75% !important; margin: 0 auto !important}
	#tve_editor .mbile-border > .tcb-flex-row .tcb-col{border: 0 !important}
	.hide-mobile{display: none;}
	.hp-hero{border-bottom: 20px solid #456c8b}
	.tcb-flex-col[data-css="tve-u-1754169e694"]{display: none !important;}
    .reverse .tcb-flex-row > div:last-child{
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1; 
    }

    .demo-border::before{
       max-width: 70%
    }

    .reverse .tcb-flex-row > div:first-child{
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
    }

    /* new webdesign */
    .col-margin .tcb-flex-col .tcb-col, .remove-margin, .remove-margin, .remove-margin .tve_image_caption{margin:0 !important}
    .col-margin{padding:40px !important}
    .col-margin .tcb-flex-col .tcb-col{padding: 0!important}

    /*Printed Magazine Page */
    .hero-bg .tve-content-box-background{background-position: left !important}
}


@media only screen and (min-width: 600px){
    #tve_editor .col-desktop > .tcb-flex-row > .tcb-flex-col{max-width: 33.3% !important}
    }

@media only screen and (min-width: 600px) and (max-width:800px){
    #tve_editor .remove-margin-top{margin-top: 170px !important}
}


@media only screen and (max-width: 550px){
    #tve_editor .main-heading h1 span, #tve_editor .main-heading h1{font-size: 28px !important; line-height: 1.3em !important;}
    #tve_editor .heading h2, #tve_editor .heading p{font-size: 25px !important}
    #tve_editor .offer-heading h3, #tve_editor .sub p{font-size: 20px !important}
    #tve_editor .main-col .tcb-col {padding: 20px 20px !important;}
    .col-margin .tcb-col > .thrv_wrapper{margin: 0 !important}
    #tve_editor .swirl{margin-top: 50px !important}
    #tve_editor .remove-margin-top{margin-top: 0 !important}
    #tve_editor .col-top .tcb-flex-row > .tcb-flex-col{margin-top: 4px}
    #tve_editor .col-bottom .tcb-flex-row > .tcb-flex-col{margin-bottom: 4px}
}


@media only screen and (max-width: 500px){
	#tve_editor .fullwidth > .tcb-flex-row{flex-direction: row !important;}
	#tve_editor .fullwidth > .tcb-flex-row > .tcb-flex-col{max-width: 100% !important; margin: 0 auto !important}
	#tve_editor .img-margin{margin: 0 !important}
    div.agent-img{width: 100px;}
    div.agent-name{text-align: center;}
    .demo-border::before{max-width: 100%}
    .mailed-text{width: 300px}
    .buttons .tcb-col{margin: 0 !important; padding: 0 !important}
    .buttons .tcb-pt-button{left:0;}
    #tve_editor div.demo-h2 h2{font-size: 22px !important}
}