/*
Theme Name: NetJOI
Theme URI: https://www.netjoi.ca/
Description: This theme is designed and developed for NetJOI.
Author: NetJOI
Version: 1.0
Tags: custom header, fixed width
*/

:root {
    --yellow:#FBE858;
    --green:#6A9845;
    --green2:#699A40;
    --lite-grey:#F9F9F9;
    --lite-green:#F5F8F2;
    --topbar:#131313;
    --footerbg:#0b0b0b;
    --heading:#141414;
    --text:#5C5C5C;
    --nav:#1B1B1B;
    --btntext:#171A15;
}

* {
    transition:ease-in-out 250ms;t
    -moz-transition:ease-in-out 250ms;
    -o-transition:ease-in-out 250ms;
    -webkit-transition:ease-in-out 250ms;
    -ms-transition:ease-in-out 250ms;
}

/*html, body { height:100%; }*/
body {
    background:#ffffff;
    color:var(--text);
    font-family:"Montserrat", sans-serif;
    font-optical-sizing:auto;
    font-weight:400;
    font-size:16px;
    line-height:30px;
    margin:0px;
    padding:0px;
    overflow-x: hidden !important;
}

a, input {
    transition:ease-in-out 250ms;
    -moz-transition:ease-in-out 250ms;
    -o-transition:ease-in-out 250ms;
    -webkit-transition:ease-in-out 250ms;
    -ms-transition:ease-in-out 250ms;
}

img { display:block; max-width:100%; }

/*.wide_container { max-width:1400px; margin:0px auto; }
.container { max-width:1200px; margin:0px auto; position: relative; }*/
.container {
    max-width:1400px;
    margin:0px auto;
    position:relative;
}

.narrow_container {
    width:950px;
    margin:0px auto;
}
.narrow_container2 {
    width:1150px;
    margin:0px auto;
}
section {
    position:relative;
    padding:90px 10px;
}

h1, h2, h3, h4, h5, h6  {
    color:var(--heading);
    font-weight:600;
    margin:0px 0px 20px 0px;
    padding:0px;
    text-transform:capitalize;
}

h1 { font-size:58px; line-height:70px; }
h2 { font-size:46px; line-height:54px; }
h3 { font-size:38px; line-height:46px; }
h4 { font-size:30px; line-height:38px; }
h5 { font-size:22px; line-height:30px; }
h6 { font-size:20px; font-weight:500; line-height:28px; }
p { margin:0px 0px 20px 0px; padding:0px; }
a { color:var(--green); text-decoration:none; }
a:hover { color:var(--green2); }

ul.unstyled, ol.unstyled { margin:0px; padding:0px; list-style:none; }
ul.unstyled li, ol.unstyled li { margin:0px; padding:0px; list-style:none; display:inline-block; }

.hd_rdiv { border-right:solid 3px #6A9845; margin:0px 50px 0px 0px; }

.txt_lite { font-weight:400; }
.txt_bold { font-weight:600; }
.txt_block { display:block; }
.txt_size2 { font-size:22px; line-height:36px; }
.txt_white { color:#ffffff; }
.txt_center { text-align:center; }
.txt_right { text-align:right; }

section { padding:60px 0px; }
.green_bg { background:var(--lite-green); }
.green_bg2 { background:var(--green); }
.grey_bg { background:var(--lite-grey); }
.white_bg { background:#ffffff; }
.hiliter { color:var(--green); }
.hr_divider { border-top:solid 1px var(--text); margin:10px 0px; }

.std_btn a, .std_btn button {
    background:var(--yellow);
    border-radius:50px;
    border:solid 1px var(--btntext);
    box-shadow:-3px 5px 0px var(--btntext);
    color:var(--btntext);
    display:inline-block;
    font-size:20px;
    font-weight:600;
    padding:15px 35px;
}
.std_btn a:hover, .std_btn button:hover, .std_btn a:active, .std_btn button:active,
 .std_btn a:focus-visible, .std_btn button:focus-visible
{ background:var(--green); border:solid 1px var(--btntext); color:#ffffff; }

.std_btn.type2 a, .std_btn.type2 button { color:#fff; background:var(--green); }
.std_btn.type2 a:hover, .std_btn.type2 button:hover, .std_btn.type2 a:active, .std_btn.type2 button:active,
, .std_btn.type2 a:focus-visible, .std_btn.type2 button:focus-visible
{ color:var(--btntext); background:var(--yellow); }


button.std_btn {
    background:var(--yellow);
    border-radius:50px;
    border:solid 1px var(--btntext);
    box-shadow:-3px 5px 0px var(--btntext);
    color:var(--btntext);
    display:inline-block;
    font-size:20px;
    font-weight:600;
    padding:15px 35px;
}
button.std_btn:hover, button.std_btn:active, button.std_btn:focus-visible { background:var(--green); border:solid 1px var(--btntext); color:#ffffff; }

/*** Slick Slider ***/
ul.slick-dots { margin:0px; padding:0px; list-style:none; text-align:center; position:absolute; bottom:20px; width:100%; z-index:999; }
ul.slick-dots li { margin:0px; padding:0px; display:inline-block; }
ul.slick-dots li { margin:0px 5px; padding:0px; display:inline-block; }
ul.slick-dots li button { font-size:0px; line-height:0px; padding:5px 15px; background:var(--btntext); border:0px; border-radius:10px; }
ul.slick-dots li.slick-active button { padding:5px 20px; background:var(--yellow); }

.slick-arrow { position:absolute; top:50%; font-size:36px; z-index:99; width:50px; line-height:50px; text-align:center; background:#fff; box-shadow:0px 0px 5px #00000085; border-radius:50%; color:#999; }
.slick-arrow.prev_btn  { left:0%; }
.slick-arrow.next_btn  { right:0%; }
.slick-arrow:hover { background:var(--color2); color:#fff; cursor:pointer; }

ul.pills_bullet_list { margin:0px; padding:0px; list-style:none; column-count:2; column-gap:40px; background:url('images/circle-icon.png') no-repeat top center; position:relative; overflow:hidden; }
ul.pills_bullet_list:before { content:" "; height:90%; width:1px; position: absolute; left:49.9%; top:4%; border-left:dashed 1px #fff; z-index:1; }
ul.pills_bullet_list:after { content:url('images/circle-icon.png'); position:absolute; bottom:0px; left:48.7%; }
ul.pills_bullet_list li { margin:0px 0px 20px 0px; padding:12px 35px; background:#1c68be; background-image:linear-gradient(#1c68be, #2385e8); border-radius:50px; color:#fff; font-size:18px; line-height:22px; min-height:80px; display:flex; align-items:center; }
ul.pills_bullet_list li span { background-image:url('images/check-mark-icon.png'); background-repeat:no-repeat; background-position:left center; padding-left:45px; min-height:31px; display:flex; align-items:center; }


/*** TopBar ***/
#top_bar { background:var(--topbar); color:#ffffff; padding:10px 0px; }
#top_bar .site_topnav ul { margin:0px; padding:0px; font-size:0px; width:100%; text-align:right; list-style:none; }
#top_bar .site_topnav ul li { margin:0px; padding:0px 15px; display:inline-block; border-right:solid 1px #fff; height:32px; }
#top_bar .site_topnav li a { font-size:16px; line-height:34px; text-decoration:none; color:#fff; padding:0px; display:inline-block; }
#top_bar .site_topnav ul li:last-child { border:0px; padding-right:0px; }
#top_bar .site_topnav li a:hover { color:var(--yellow); }

/*** Header ***/
header#site_header { padding:0px; position:absolute; width:100%; z-index:1; }
header#site_header nav.navbar a.navbar-brand img { width:175px; }

header#site_header nav.navbar #navbarNav { justify-content:flex-end; }
header#site_header nav.navbar #navbarNav li a { font-size:18px; line-height:24px; font-weight:500; text-decoration:none; color:var(--nav); padding:10px 20px;  }
header#site_header nav.navbar #navbarNav li a:hover { color:#ffffff;  }

header#site_header nav.navbar #navbarNav li:last-child a { border:solid 2px var(--nav); border-radius:50px; padding-left:30px; padding-right:30px; }
header#site_header nav.navbar #navbarNav li:last-child a:hover { border:solid 2px var(--nav); background:var(--yellow); color:var(--nav); }

/*** Hero ***/
#hero_section {
    background:var(--green) url('images/home-hero-bg.jpg') no-repeat center center;
    background-size:cover;
    padding:150px 0px 0px 0px;
    position:relative;
}

.hero_slider .slick-list { overflow:inherit; }

#hero_section .hero_content { margin:0px auto; }
#hero_section .hero_content h1 { color:#fff; }
#hero_section .hero_content p { color:#ffffff; font-size:19px; line-height:34px; }
#hero_section .hero_content h1 { font-size:54px; line-height:62px; }
#hero_section .hero_pic img { margin:auto; margin-bottom:-50px; }

/* Inner Hero */
#hero_section.hero-inner { 
    background-image:url('images/inner-hero-bg.jpg');
    padding-bottom:100px;
}

/*** Footer ***/
footer {
    background:var(--footerbg);
    color:#fff;
    padding:60px 0px 10px 0px;
    position: relative;
}

footer .footer_columns { padding-bottom:0px; }
footer .footer_columns h6 { color:#fff; margin:0px 0px 25px 0px; line-height:24px; position:relative; }

footer .ftr_links ul { margin:0px 0px 35px 0px; padding:0px; font-size:0px; list-style:none; }
footer .ftr_links ul li { margin:0px; padding:0px 0px 5px 0px; display:block; font-size:16px; line-height:32px; font-weight:400; color:#fff; }
footer .ftr_links ul li i { margin-left:-30px; margin-right:10px; }
footer .ftr_links li a { text-decoration:none; color:#fff; }
footer .ftr_links li a:hover { color:var(--green);  }

footer .ftr_links.bold_links li { margin:0px 0px 6px 0px; }
footer .ftr_links.bold_links li a { font-size:16px; line-height:24px; }

footer ul.footer_social_menu { margin:25px 0px 20px 0px; padding:0px; }
footer ul.footer_social_menu li {
    margin:0px 10px 0px 0px;
    padding:0px;
    display:inline-block;
    text-align:left;
    font-size:20px;
    line-height:28px;
}
footer ul.footer_social_menu li i { margin:0px; }
footer ul.footer_social_menu li a {
    background:transparent;
    border-radius:50%;
    border:solid 1px #fff;
    box-shadow:1px 1px 0px #fff;
    color:var(--yellow) !important; 
    display:block;
    padding:5px;
    text-align:center;
    width:38px;
}
footer ul.footer_social_menu li a:hover {
    background:var(--yellow);
    border:solid 1px var(--green);
    box-shadow:1px 1px 0px var(--green);
    color:var(--yellow) !important; 
    color:var(--footerbg);
}

footer ul.footer_social_menu li a:hover i {
    color:var(--footerbg);
}

footer ul.quick_links { column-count:3; }

footer .footer_nav ul { margin:0px; padding:0px; font-size:0px; width:100%; text-align:right; list-style:none; }
footer .footer_nav ul li { margin:0px; padding:0px 15px; display:inline-block; border-right:solid 1px #fff; height:24px; }
footer .footer_nav li a { font-size:16px; line-height:20px; text-decoration:none; color:#fff; padding:0px; }
footer .footer_nav ul li:last-child { border:0px; padding-right:0px; }
footer .footer_nav li a:hover { color:var(--green);  }

footer .ftr_divider { border-bottom:solid 1px #6f6f6f; margin-bottom:20px; }

footer .copyright { }


/*** Package Box ***/
.package_item {
    background:var(--lite-grey);
    border:solid 1px #6F6F6F;
    border-radius:15px;
    text-align:center;
    padding:0px 0px 40px 0px;
    margin:10px 5px;
}
.package_item .pkg_title {
    background:var(--yellow);
    border-radius:0px 0px 10px 10px;
    color:var(--heading);
    display:inline-block;
    font-size:26px;
    font-weight:600;
    padding:10px 30px;
    margin-bottom:25px;
}
.package_item .pkg_title.greenbox { background:var(--green); color:#ffffff; }
.package_item .pkg_title span { font-size:14px; line-height:20px; }

.package_item .pkg_recommended {
    background:var(--yellow);
    border-radius:0px 50px 50px 0px;
    color:var(--heading);
    font-size:22px;
    font-weight:600;
    padding:12px 10px 12px 30px;
    margin-right:20px;
    text-transform:uppercase;
}

.package_item .pkg_icon { margin:30px; }
.package_item .pkg_icon img { margin:auto; }

.package_item .pkg_price { color:#000000; font-size:36px; font-weight:600; margin-bottom:20px; }
.package_item .pkg_price span { color:var(--text); font-size:16px; font-weight:400; }

.package_item .pkg_desc { padding:0px 70px 30px 70px; }
.package_item .pkg_desc ul { margin:0px; padding:0px; list-style:none; }
.package_item .pkg_desc ul li { margin:0px; padding:10px 0px 10px 0px; border-bottom:dashed 2px #CDCDCD; }
.package_item .pkg_desc ul li:last-child { margin-bottom:0px; padding-bottom:0px; border:0px; }

.package_item .pkg_cta.std_btn.type2 a, .package_item .pkg_cta.std_btn.type2 button { background:var(--lite-grey); color:var(--btntext) }
.package_item .pkg_cta.std_btn.type2 a:hover, .package_item .pkg_cta.std_btn.type2 button:hover { background:var(--green); color:#ffffff; }


/*** Package Box ***/
.search_pkg_item {
    background:var(--lite-grey);
    border:solid 1px #6F6F6F;
    border-radius:15px;
    padding:40px 0px 40px 0px;
    margin:10px 5px;
}
.search_pkg_item .pkg_title {
    color:var(--heading);
    display:block;
    font-size:34px;
    font-weight:600;
    padding:0px;
    margin-bottom:25px;
}
.search_pkg_item .pkg_title.greenbox { background:var(--green); color:#ffffff; }
.search_pkg_item .pkg_title span { font-size:14px; line-height:20px; }

.search_pkg_item .pkg_icon { margin:0px; }
.search_pkg_item .pkg_icon img { margin:auto; }

.search_pkg_item .pkg_price { color:#000000; font-size:36px; font-weight:600; margin-bottom:20px; }
.search_pkg_item .pkg_price span { color:var(--text); font-size:16px; font-weight:400; }

.search_pkg_item .pkg_desc { padding:0px 0px 30px 0px; }
.search_pkg_item .pkg_desc ul { margin:0px; padding:0px; list-style:none; }
.search_pkg_item .pkg_desc ul li { margin:0px; padding:10px 0px 10px 0px; border-bottom:dashed 2px #CDCDCD; }
.search_pkg_item .pkg_desc ul li:last-child { margin-bottom:0px; padding-bottom:0px; border:0px; }

.search_pkg_item .pkg_cta.std_btn.type2 a, .search_pkg_item .pkg_cta.std_btn.type2 button { background:var(--lite-grey); color:var(--btntext) }
.search_pkg_item .pkg_cta.std_btn.type2 a:hover, .search_pkg_item .pkg_cta.std_btn.type2 button:hover { background:var(--green); color:#ffffff; }

/*** Features ***/
.feature_item {
    background:#fff;
    border-radius:15px;
    box-shadow:0px 0px 6px #CFCFCF;
    padding:30px 35px;
    text-align:center;
    margin:15px 0px 10px 0px;
}
.feature_item.feat_type2 {
    background:var(--lite-grey);
    border:solid 1px #6F6F6F;
}
.feature_item img.feature_icon { margin:0px auto 20px auto; height:80px; }
.feature_item .icon_border {
    color:var(--green);
    width:100px;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    margin:0px auto 15px auto;
	border:solid 2px var(--green);
    border-radius:10px;
}
.feature_item .icon_border { color:var(--green); }

/*** Combo Package Box ***/
.combopack_box {
    border:solid 1px #6f6f6f;
    border-radius:15px;
    padding:20px;
    /*margin:60px 0px 0px 0px;*/
}

.combopack_pic1 {
    border-radius:15px;
    bottom:30px;
    position:absolute;
    right:0px;
    width:50%;
}

/*** CTA 1 ***/
.cta_section {
    background:var(--green2);
    padding:40px 0px;
    color:#ffff;
}

.cta_section .cta_block {
    display:flex;
    gap:25px;
    align-items:center;
}
.cta_section .cta_block .cta_icon {}
.cta_section .cta_block .cta_icon img { width:250px; }
.cta_section .cta_block .cta_content {
    line-height:24px;
}

.cta_section .std_btn a {
    border:solid 1px #ffffff;
    box-shadow:-3px 5px 0px #ffffff;
}

.cta_section .std_btn a:hover {
    border:solid 1px var(--btntext);
    box-shadow:-3px 5px 0px var(--btntext);
}


/*** Newsletter Section ***/
.newsletter_section {
    background: rgb(105,154,64);
    background: linear-gradient(0deg, rgba(105,154,64,1) 0%, rgba(105,154,64,1) 40%, rgba(169,190,74,1) 100%);
    color:#Ffff;
    padding:40px 0px 60px 0px;
}

.newsletter_form_block {
    width:90%;
    margin:auto;
}

.newsletter_form_block form {
    display:grid;
    grid-template-columns:63% 35%;
    grid-gap:2%;
}

.newsletter_form_block .form-control {
    background:#fff;
    border-radius:50px !important;
    border:solid 1px var(--btntext);
    box-shadow:-3px 5px 0px var(--btntext);
    color:var(--btntext);
    display:inline-block;
    font-size:20px;
    font-weight:600;
    padding:15px 35px;
}

/*** Accordion ***/
.std_accordion {}
.std_accordion .accordion-button { background:var(--lite-grey); font-size:28px; font-weight:600; color:var(--heading); outline:none; box-shadow:none; }
.std_accordion .accordion-button::after { color:var(--heading); }
.std_accordion .accordion-collapse { background:var(--lite-grey); }

/*** FAQs Accordion ***/
.njoi_accordion { }
.njoi_accordion .accordion-item {
    border-radius:15px;
    background:#fff;
    padding:10px;
    margin:0px 5px 15px 5px;
    border:solid 1px #A3A3A3;
}
.njoi_accordion .accordion-button {
    background: linear-gradient(0deg, rgba(105, 154, 64, 1) 0%, rgba(169, 190, 74, 1) 100%);
    font-size:18px;
    font-weight:500;
    outline:none;
    box-shadow:none;
    border:0px;
    border-radius:10px !important;
    padding:15px;
    color:#fff;
    line-height:18px;
}
.njoi_accordion .accordion-button.collapsed { background:none; color:var(--heading); }
.njoi_accordion .accordion-button::after { color:var(--heading); background-image:url('images/accordion-plus.svg'); background-position:0px; }
.njoi_accordion .accordion-button[aria-expanded="true"]::after { color:var(--heading); background-image:url('images/accordion-minus.svg'); }
.njoi_accordion .accordion-collapse { background:#fff; }
.njoi_accordion .accordion-body { }

/*** Timeline ***/
ul.timeline-list {
	position: relative;
	margin: 0;
	padding: 0
}
ul.timeline-list:before {
    border:dashed 1px #d0d3ce;
	position: absolute;
	content: "";
	height: 100%;
	left: 50%;
	top: 0;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
}
ul.timeline-list li {
	position: relative;
	clear: both;
	display: table;
    width:100%;
}
.timeline_content {
    background:#fff;
    border-radius:15px;
    box-shadow:0px 0px 6px #CFCFCF;
    padding:40px;
    text-align:center;
    margin:15px 0px 10px 0px;
}
.timeline_content p:last-child {
    margin-bottom:0px;
}
ul.timeline-list li .timeline_content {
	width: 45%;
	color: #333;
	padding: 30px;
	float: right;
	text-align: left;
}
ul.timeline-list li:nth-child(2n) .timeline_content {
	float: left;
	text-align: right;
}
ul.timeline-list li:before {
	position:absolute;
	content:url("images/timeline-icon.png");
	width:56px;
	height:56px;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}

.card_block {
    background:#fff;
    border-radius:20px;
    box-shadow:0px 0px 6px #CFCFCF;
    padding:30px 30px 35px 30px;
    margin:15px 0px 10px 0px;
    border:solid 1px #6F6F6F;
    height:96.5%;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}
.card_block img { margin-bottom:15px; }

.card_block h4 {
    font-size:40px;
    margin-bottom:10px;
}

.refer_item { }
.refer_item img.refer_icon { background:var(--lite-grey); padding:20px; border-radius:10px; border:solid 1px #6f6f6f; margin:auto; }

/*** NetJOI Form ***/
.netjoi_cnt_form .fld_wrap { margin:0px 0px 15px 0px; }
.netjoi_cnt_form label { display:inline-block; font-size:17px; font-weight:600; line-height:20px; margin:0px 0px 5px 0px; }
.netjoi_cnt_form input[type="text"],
.netjoi_cnt_form input[type="email"],
.netjoi_cnt_form input[type="tel"],
.netjoi_cnt_form input[type="date"],
.netjoi_cnt_form select,
.netjoi_cnt_form input[type="file"],
.netjoi_cnt_form textarea,
.netjoi_cnt_form input[type="submit"] {
  	background:#f9faff;
	border:solid 1px #d3d3d3;
	color: #949494;
	padding:18px !important;
	margin:0px;
	font-size:15px;
    line-height:20px;
    width:100%;
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

.netjoi_cnt_form input[type="text"]::-webkit-input-placeholder,
.netjoi_cnt_form input[type="email"]::-webkit-input-placeholder,
.netjoi_cnt_form textarea::-webkit-input-placeholder { color:#949494; }
.netjoi_cnt_form input[type="text"]:-ms-input-placeholder,
.netjoi_cnt_form input[type="email"]:-ms-input-placeholder,
.netjoi_cnt_form textarea:-ms-input-placeholder { color:#949494; }
.netjoi_cnt_form input[type="text"]::placeholder,
.netjoi_cnt_form input[type="email"]::placeholder,
.netjoi_cnt_form textarea::placeholder { color:#949494; }

.netjoi_cnt_form input[type="text"]:focus, .netjoi_cnt_form input[type="email"]:focus, .netjoi_cnt_form select:focus, .netjoi_cnt_form textarea:focus { border:solid 1px var(--color1); outline:0px }

.netjoi_cnt_form input[type="submit"]:focus { border:0px; outline:0px; }

.netjoi_cnt_form label + input[type="text"]:focus, .netjoi_cnt_form label + input[type="email"]:focus, .netjoi_cnt_form label + textarea:focus { color:var(--color1); }

.netjoi_cnt_form textarea { resize:none; height:150px; }

.netjoi_cnt_form input[type="submit"] { background:#2381ff; color:#fff; border:0px; border-radius:50px; cursor:pointer; font-size:17px; padding:10px 50px !important; width:auto; margin:auto !important; }
.netjoi_cnt_form input[type="submit"]:hover { background:var(--color1);  }

.netjoi_cnt_form_disclaimer { display:none;; font-size:15px; font-style:italic; line-height:24px; color:#909090; background:url('images/disclaiimer-icon.png') no-repeat 0px 0px; padding:0px 0px 0px 30px }

p.gform_required_legend { display:none; }
.gform_footer.top_label { padding:15px 0px 0px 0px !important; }

.netjoi_cnt_form .gfield_radio .gchoice {
  	background:#f9faff;
	border:solid 1px #d3d3d3;
	color: #949494;
	padding:0px 0px 0px 18px !important;
	margin-right:10px;
	margin:5px 10px 5px 0px;
    border-radius:10px;
    }
.netjoi_cnt_form .gfield_radio .gchoice label { line-height:16px; padding:15px 18px 15px 0px; }


/*** NetJOI Form ***/
#netjoi_form input[type="text"], #netjoi_form input[type="email"], #netjoi_form input[type="number"], #netjoi_form select, #netjoi_form textarea {
    border-radius:8px;
}

#netjoi_form textarea {
    resize:none;
}

#netjoi_form .wpforms-submit-container {
    padding-top:15px;
}

#netjoi_form button.wpforms-submit,  #netjoi_form #gform_submit_button_2 {
    background: var(--yellow);
    border-radius: 50px;
    border: solid 1px var(--btntext);
    box-shadow: -3px 5px 0px var(--btntext);
    color: var(--btntext);
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    padding:20px 35px;
    height:auto;
    margin:auto;
    display:block;
}

#netjoi_form button.wpforms-submit:hover,  #netjoi_form #gform_submit_button_2:hover {
    background:var(--green);
    border:solid 1px var(--btntext);
    color:#ffffff;
}

#netjoi_form .gform_footer.top_label {
    padding: 5px 0px 25px 0px !important;
}

#netjoi_form label.gfield_label.gform-field-label {
    font-weight: 600;
    font-size: 16px;
}

.disable_input input { pointer-events:none; }

h3.gsection_title {
    margin: 0px 0px 0px 0px;
    font-size: 26px;
    padding: 0px;
    line-height: 32px;
}

input[type="submit"].gform_button {
    background: var(--yellow) !important;
    border-radius: 50px !important;
    border: solid 1px var(--btntext) !important;
    box-shadow: -3px 5px 0px var(--btntext) !important;
    color: var(--btntext) !important;
    display: inline-block !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    padding:20px 35px !important;
    height:auto;
    margin:0px;
    display:block;
}

input[type="submit"].gform_button:hover {
    background:var(--green) !important;
    border:solid 1px var(--btntext) !important;
    color:#ffffff !important;
}

/*.gform_page_footer { justify-content:center !important; }*/

input.gform_previous_button, input.gform_next_button {
    background: var(--yellow) !important;
    border-radius: 50px !important;
    border: solid 1px var(--btntext) !important;
    box-shadow: -3px 5px 0px var(--btntext) !important;
    color: var(--btntext) !important;
    display: inline-block !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    padding:20px 35px !important;
    height:auto !important;
    margin:0px !important;
    display:block !important;
}

input.gform_previous_button:hover, input.gform_next_button:hover {
	background:var(--green) !important;
    border:solid 1px var(--btntext) !important;
    color:#ffffff !important;
}

img.check_field_pic { border-radius:10px; }

legend.gfield_label.gform-field-label { font-weight:bold; font-size:16px; }
.gfield_description p { font-size:16px; }
.gfield_description p b { font-weight:bold; }

div.gotrgf_form_container { flex-direction:column-reverse; }
.gotrgf_form_wrapper { width:100% !important; }	
.gotrgf_summary_wrapper { width:100% !important; margin-bottom:15px; }

div.gotrgf_form_container {
    display:grid;
    grid-template-columns:3fr 2fr;
    grid-gap:20px;
}

.gotrgf_form_overview_container { position:sticky !important; top:10px !important; }

#address_lookup_field { position: relative; width:100%; }
#address_lookup_field ul { list-style:none; padding:0; margin:0px; position:absolute; width:100%; top:50px; z-index:99; }
#address_lookup_field li { padding: 8px; background:#fbe858; margin:0px 0; cursor: pointer; color:#000000; border-bottom:solid 1px #000000; }
#address_lookup_field li:hover { background:#699a40; color:#ffffff; }
#address_lookup_field li:last-child { border-bottom:0px; }

.hide_desc {}
.hide_field { visibility:hidden !important; height:0px !important; }
.hide_required .gfield_required.gfield_required_text { display:none; }

.gfield--type-option .ginput_price { display:none !important; }

/*** Order Summary ***/
.gotrgf_summary_title { margin:0px; }
.gotrgf_unit_quantity { display:none; }
.gotrgf_summary_lines { display:flex; flex-direction:column; }
#gsline_1_60 { order:-1; }

.blog_card { padding-bottom:20px; }
.blog_card img.feat-pic { object-fit:cover; object-position:center center; width:100%; height:250px; margin-bottom:20px; border-radius:10px; }
.pagination-block { font-size:18px; font-weight:500; }


/*** Blog Post ***/
.single-post h1 { font-size:40px; line-height:46px; margin-bottom:15px; }
.single-post h2 { font-size:34px; line-height:40px; margin-bottom:15px; }
.single-post h3 { font-size:28px; line-height:34px; margin-bottom:15px; }
.single-post h4 { font-size:24px; line-height:30px; margin-bottom:15px; }
.single-post h5 { font-size:20px; line-height:26px; margin-bottom:15px; }
.single-post h6 { font-size:17px; font-weight:500; line-height:24px; margin-bottom:15px; }

.post_toc {
    position: sticky;
    top: 0px;
    border: solid 1px var(--green);
    padding: 20px;
    background:var(--lite-green);
    border-radius:15px;
}

.post_toc .autoContents > ul { list-style:none; margin:0px; padding:0px; }
.post_toc .autoContents li { border-bottom:dashed 1px #000000; padding:5px 0px; }
.post_toc .autoContents li:last-child { border-bottom:0px; padding-bottom:0px; }
.post_toc .autoContents li a { color:#000000; }
.post_toc .autoContents li a:hover, .post_toc .autoContents li a.activetoc { color:var(--green); }

/*** Pagination ***/
.page-link { color:var(--green); }

.active>.page-link, .page-link.active {
    z-index: 3;
    color:#fff;
    background-color: var(--green);
    border-color: var(--green);
}

.page-link:hover {
    z-index: 2;
    color:var(--green);
    background-color: var(--lite-green);
    border-color: var(--green);
}

/*** Tabs ***/
.nj_tabs .nav-link {
    display: block;
    /*padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);*/
    color:var(--green);
}

.nj_tabs .nav-tabs .nav-item.show .nav-link, .nj_tabs .nav-tabs .nav-link.active {
    color: var(--green);
    background-color: var(--lite-green);
    border-color: var(--lite-green);
}

.nj_tabs .nav-link:focus, .nj_tabs .nav-link:hover {
    color: var(--green);
    background-color: var(--lite-green);
    border-color: var(--lite-green);
}
.nj_tabs .tab-content {
    border: solid 1px #fff;
    border-top: 0px;
    padding:10px 0px;
}

/*** TV List ***/
ul.tv_channel_list {
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-gap: 5px;
}

ul.tv_channel_list li {
    margin: 0px;
    padding: 15px;
    background:var(--lite-green);
    border: solid 1px #efefef;
    display: flex;
    min-height: 95px;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-weight:600;
    border: solid 1px var(--heading);
    border-radius:8px;
    font-size: 14px;
    line-height: 22px;
    color: #000;
}

.pcafooter.pca-showlogo {
    display: none !important;
}

/*** For Internet Checkout Form ***/
#gform_page_1_6 div#gform_fields_1_6 { row-gap:15px; }
#gform_page_1_6 #field_1_18 { margin-bottom: -30px !important; }

/*** For Phone Checkout Form ***/
#gform_page_3_8 div#gform_fields_3_8 { row-gap:15px; }
#gform_page_3_8 #field_3_50 { margin-bottom: -30px !important; }

/*** For TV Checkout Form ***/
#gform_page_6_5 div#gform_fields_6_5 { row-gap:15px; }
#gform_page_6_5 #field_6_50 { margin-bottom: -30px !important; }

@media (max-width: 1100px) {
	.container { width:100%; }

    h1 { font-size:34px !important; line-height:42px !important; }
    h2 { font-size:30px !important; line-height:38px !important; }
    h3 { font-size:26px !important; line-height:34px !important; }
    h4 { font-size:23px !important; line-height:28px !important; }
    .txt_size2 { font-size:18px; line-height:28px; }

    /*** Hero ***/
    #hero_section { padding:150px 0px 20px 0px; }
    #hero_section .hero_content p { color:#ffffff; font-size:16px; line-height:28px; }
    
    /*** TV List ***/
    ul.tv_channel_list { grid-template-columns: repeat(6, 1fr); }
}

@media (max-width: 960px) {
	.container { width:100%; }

    /*** Header ***/
    header#site_header { padding:15px 0px; }
    
    header#site_header nav.navbar #navbarNav { background:var(--yellow); border-radius:10px; }
    header#site_header nav.navbar #navbarNav li a { font-size:18px; line-height:24px; font-weight:500; text-decoration:none; color:var(--nav); padding:10px 20px;  }
    header#site_header nav.navbar #navbarNav li a:hover { color:var(--color2); background:var(--green); color:#fff; }
    
    header#site_header nav.navbar #navbarNav li:first-child a { border:0; border-radius:10px 10px 0px 0px; }
    header#site_header nav.navbar #navbarNav li:first-child a:hover { border:0; background:var(--green); color:#fff; }
    
    header#site_header nav.navbar #navbarNav li:last-child a { border:0; border-radius:0px 0px 10px 10px; padding:10px 20px; }
    header#site_header nav.navbar #navbarNav li:last-child a:hover { border:0; background:var(--green); color:#fff; }
    
    header#site_header button.navbar-toggler { border:solid 2px var(--lite-green); background:var(--nav); }
    header#site_header button.navbar-toggler:hover { border:solid 2px var(--yellow); background: var(--green); }
}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {
    section { padding:40px 0px; }
    
	.narrow_container { width:100%; margin:0px auto; }
    
    .hd_rdiv { border:0; border-bottom:solid 3px #6A9845; margin:0px 0px 15px 0px; padding:0px 0px 15px 0px;  }
    .txt_block { display:inline; }

    #top_bar .site_slogn { font-size:14px; text-align: center; padding-bottom:5px; }
    #top_bar .site_topnav ul { text-align:center; }
    #top_bar .site_topnav li a { font-size:16px; line-height:34px; text-decoration:none; color:#fff; padding:0px; display:inline-block; }

    /*** Hero ***/
    #hero_section { padding-top:150px 0px 0px 0px; text-align:center; }
    #hero_section.hero-inner { padding-bottom:0px; }

    #hero_section .hero_content { padding-bottom:30px; }

    /*** Package Box ***/
    .package_item .pkg_title { font-size:22px; padding:10px 20px; }
    .package_item .pkg_recommended { font-size:20px; }

    /*** Combo Package Box ***/
    .combopack_box { margin:0px 0px 20px 0px; }
    .combopack_pic { position:static; width:100%; }

    /*** CTA 1 ***/
    .cta_section .cta_block { padding-bottom:20px; text-align:center; display:block; }
    .cta_section .cta_block .cta_icon img { width:80px; margin:auto; }
    .cta_section .std_btn  { text-align:center !important; }

    /*** Newsletter Section ***/
    .newsletter_section { padding:30px 0px 40px 0px; }
    .newsletter_form_block form { grid-template-columns:1fr; grid-gap:20px; }
    
    footer .footer_columns { padding-bottom:20px !important; }
    footer .footer_nav ul { text-align:center; }

    .quick_links_col { order:2; }
    .quick_links_col > div { margin:10px 0px 0px 0px !important; }
    
    /*** TV List ***/
    ul.tv_channel_list { grid-template-columns: repeat(4, 1fr); }
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {	
    section { padding:30px 0px; }
    
	.mobile_spacer25 { margin-bottom:50px; }

	.container { width:100%; }

    h1 { font-size:32px !important; line-height:40px !important; }
    h2 { font-size:28px !important; line-height:36px !important; }
    h3 { font-size:24px !important; line-height:32px !important; }
    h4 { font-size:22px !important; line-height:24px !important; }
	
    section { padding:40px 10px; }
    section h2 { font-size:34px; line-height:44px; }

    /*** Footer ***/
    footer { padding:20px 0px 20px 0px; }
    footer .copyright { text-align:center;}
    
    /*** TV List ***/
    ul.tv_channel_list { grid-template-columns: repeat(3, 1fr); }
}