!important/*
Template: thefox
Theme Name: TheFox Child Theme
Theme URI: http://www.thefoxwp.com
Description: A superflexible and responsive Business Theme by Tranmautritam team -
Update notifications available on twitter and facebook:
Follow me on twitter
- Join the Facebook Group A theme by Tranmautritam Team.
Version: 1.50
Author: Tranmautritam Team
Author URI: http://themeforest.net/user/tranmautritam?ref=tranmautritam
License: Themeforest Split Licence
License URI: -
*/
/************************************************************************************
Put your custom CSS below this block :)
*************************************************************************************/
/* top bar */
#top_bar .wrapper {width: calc(100% - 40px) !important;}
#top_bar a:hover {color: #03ff47 !important;}
.topbar_type_2 .top_phone {padding-right: 5px !important; padding-left: 5px !important;}
/*#menu-item-17 {background: #03ff47; }*/
#menu-item-17 a {color: #111 !important;background: #03ff47;padding: 15.5px 18px;}
#menu-item-17 a:hover {color: #111 !important; background: #fff;}
.top_bar_menu li {padding-right: 20px; font-weight: 700;}
.topbar_type_5 {border-top: 0px solid transparent !important;border-bottom: 0px solid transparent !important;}
/* end top bar */
/* hero */
#hero {min-height: 95.5vh;}
#hero-services {max-height: 250px;}
#hero-cta {margin-top: 11.5%;}
#page-hero {height: 70vh; max-height: 650px;}
#page-hero-text {position: absolute; bottom: 50px;width: 100%;}
#page-hero-text h1 {color: #fff;font-weight: 900 !important;text-shadow:0px 0px 5px #111 !important;}
.hero-text-google-stars a:hover {color: #fff !important;}
/* end hero */
/* header */
#logo_img img {margin-top: 20px;}
.header_shadow {box-shadow: 0 2px 6px rgba(0,0,0,0.0);}
/* end header */
/* main menu */
.nav_type_18 ul li {align-items: center; justify-content: center; display: flex; width: auto; float:none !important;margin-top: 10px;}
.header_bottom_nav nav {float: none !important}
.nav_type_18 ul {align-items: center;justify-content: center;display: flex;}
.nav_type_18 ul li a {padding: 25px 15px 22px 15px;}
.nav_type_18 ul {float: none;}
.nav_type_18 ul li a:last-child {padding: 25px 15px 22px 0px !important;}
.nav_type_18 ul li a:first-child {padding: 25px 0px 22px 15px !important;}
.transparent_header.opaque_header nav > ul > li > a {color: #fff !important;}
.page-id-8 .transparent_header.opaque_header nav > ul > li > a {color: #fff !important;}
.page-id-72 .transparent_header.opaque_header nav > ul > li > a {color: #fff !important;}
.page-id-75 .transparent_header.opaque_header nav > ul > li > a {color: #fff !important;}
.page-id-77 .transparent_header.opaque_header nav > ul > li > a {color: #fff !important;}
.page-id-79 .transparent_header.opaque_header nav > ul > li > a {color: #fff !important;}
.page-id-81 .transparent_header.opaque_header nav > ul > li > a {color: #fff !important;}
.page-id-83 .transparent_header.opaque_header nav > ul > li > a {color: #fff !important;}
.page-id-347 .transparent_header.opaque_header nav > ul > li > a {color: #fff !important;}
.page-id-119 .transparent_header.opaque_header nav > ul > li > a {color: #fff !important;}
#left-col h2 {font-weight: 800; line-height: 130%; margin-bottom: 15px;}
/* end main menu */
/* mega menu */
#header_container .wrapper {width: 100% !important;}
#header_container nav ul ul {border-top: 0px solid #1abc9c !important;}
#header_container nav ul li ul {padding: 25px !important;}
.rd_megamenu_widget_area {width:100%;}
#header_container nav ul ul .mm_widget_area [style]{border-left: 0px solid #ecf0f1 !important;}
.rd_megamenu_widget_area {padding: 0px 30px 0px 0px;}
#header_container nav ul .mega_no_heading ul li {border-left: 0px solid #ecf0f1 !important; margin: 0px; padding: 0px 0px !important;}
#header_container nav ul ul li {border-bottom: 0px solid #ecf0f1 !important;}
#header_container nav .rd_megamenu .mm_widget_area .rd_megamenu_widget_area ul li a {padding: 10px 0px !important;}
#header_container nav .rd_megamenu .mm_widget_area .rd_megamenu_widget_area ul li a::before {font-family: 'FontAwesome';font-size: 22px; content: '\f0da';color: #03ff47 !important; margin-right: 6px;}
#header_container .mega_no_heading ul li ul li a {border-bottom:1px solid #03ff47 !important; color: #111 !important;}
#header_container .mega_no_heading ul li ul li a:hover {color:#03ff47 !important;}
#header_container nav ul ul li a:hover, #header_container nav ul ul li.current-menu-item > a {background: #fff !important;color: #03ff47 !important;}
/*img.image.wp-image-384.attachment-medium.size-medium {width: 561px !important; height: 163px !important;}*/
/* end mega menu */
/* services hero */
.hero-services {position: absolute !important; bottom: 0 !important;}
.services-hero {width:100%; margin: 0px 0px -4px 0px;}
.services-hero-item {display: inline-block; width: 16.51%; border-right: 1px solid #03ff47;min-height:150px;text-align:center;padding: 20px;}
.services-hero-item:last-child {border-right: 0px solid #03ff47;}
.services-hero-item a {font-size: 15px; color: #fff;font-weight: 600;}
.services-hero-item a:hover {color: #03ff47 !important;}
/*.services-hero-item p {max-width: 65%; margin: 0 auto;}*/
.services-hero-item p {margin-top: 15px;}
.hero-text {padding: 0px 40px;}
.hero-text-google-stars {color: #fff;font-weight: 600;}
.hero-text-main-copy {color: #fff;font-weight: 600;}
.hero-text-main-copy h1 {color: #fff;}
.hero-text-col {max-width: 680px;}
/* end services hero */
/* form */
div.wpforms-container-full:not(:empty) {margin: 0px !important;}
.wpforms-container .wpforms-field {padding: 5px 0 !important;}
.wpforms-form input[type=submit],
.wpforms-form button[type=submit] {background-color: #03ff47 !important; color: #111 !important; text-transform: none; font-weight: 600 !important; border-radius: 0px !important;}
.wpforms-form .wpforms-field.wpforms-field-text input {border-radius: 0px;}
.wpforms-form .wpforms-field.wpforms-field-textarea textarea {border-radius: 0px;}
.wpforms-container ::-webkit-input-placeholder {font-size:14px !important;}
.wpforms-container :-moz-placeholder {font-size:14px !important;}
.wpforms-container ::-moz-placeholder {font-size:14px !important;}
.wpforms-container :-ms-input-placeholder {font-size:14px !important;}
.wpforms-container ::-ms-input-placeholder {font-size:14px !important;}
.wpforms-container ::placeholder {font-size:14px !important;}
/* end form */
/* stars */
.fa-star {color: #f9b805 !important;}
.fa-star::before {color: #f9b805 !important;}
/* end stars */
/* typography */
.wpb_text_column p {margin-bottom: 12px;}
.form-header h2 {color: #fff;font-size: 32px;}
hr {border: none;height: 1px;color: #eee; background-color: #eee; margin: 30px 0px;}
body a:hover {color: #111 !important;}
body a {font-weight:600 !important;}
.dark-bgnd h2 {color: #fff;}
.form-header-alt h2 {color: #111;font-size: 32px;}
.wpb_text_column ul li {line-height: 24px;}
strong, b {font-weight: 800;}
/* end typography */
/* home page */
.hero-text-row {padding:0% 5% 0%;}
/* end home page */
/* pages */
#left-col {padding-right: 25px;}
/* end pages */
/* cta */
.cta-item a {}
.cta-item {display: inline-block; margin-right: 30px;width: 31.4%; text-align: center;}
.cta-link {display: block; text-align: center; color: #111; font-size: 16px; background:#03ff47; padding: 15px 0px; font-weight:600; font-size: 16px; border:1px solid #03ff47;}
.cta-link:hover {background: #fff;border: 1px solid #111; color: #111 !important;}
.cta-item:last-child {margin-right: 0px;}
.cta-surround {width:100%;}
/* end cta */
/* Posts */
.page_title_ctn {display:none;}
.post_single {padding-top: 20px !important;}
.pi_comment {display:none;}
#posts {padding: 0px 0px 100px 0;}
#sidebar {padding-top: 15px;}
.post_single .post-title h2 a {line-height: 130%;font-weight: 800 !important;}
.post_single .post-title h2 a:hover {color: #111 !important;}
.post_single .post-title h2 a:visited {color: #111;}
.post_single .post-info {margin: 17px 0px 0px 0px;}
.post_single h2 {margin-top: 30px !important;}
.post_single h3 {margin-top: 30px !important;}
.single_post_navigation {display:none;}
.post_single .sep_25 {padding-bottom: 0px;}
.shareicons_icon {display:none;}
.single_post_share_icon {padding-left: 0px;}
.tags_container {display:none;}
blockquote {margin: 42px 0 42px 0px;}
#posts {width: 825px;}
/* end posts */
/* post grid */
.layout-136 .element_1729586918401 {line-height: 150%; margin: 10px 0px 5px;padding: 0px 20px;font-weight: 600;}
.layout-136 .element_1729586935425 {line-height: 170%;padding: 0px 20px 20px;}
#post-grid-134 .item {border:1px solid #eee;}
#post-grid-221 .item {border:1px solid #eee;}
.excerpt_read_more a::before {content:'...'; color: #111; margin-right: 5px; margin-left: -3px;}
.excerpt_read_more a:hover {color: #111;}
.excerpt_read_more a {font-weight: 600;}
#post-grid-134 .pagination {display: none !important;}
.layout-136 .element_1729586918401 a {color: #111 !important;}
.layout-136 .element_1729586918401 a:hover {color: #03ff47 !important;}
/* end post grid */
/* widgets */
.sb_widget {margin-bottom: 30px;}
.wp-block-search__label {font-size: 22px;font-weight: 600;}
.sb_widget > h3::before {display:none;}
.sb_widget h3 {font-size: 22px;font-weight: 600;padding: 0px;margin: 0px 0 10px 0;}
.rpwe-thumb {border: 0px solid #eee !important;box-shadow: none !important;margin: 2px 10px 2px 0 !important;padding: 0px !important;}
.rpwe-title a {color: #111 !important;}
.rpwe-title a:hover {color: #03ff47 !important;}
/* end widgets */
/* accordian FAQ's */
.acc_title_bar a:hover::before {font-family:'Fontawesome';}
.acc_title_bar a::before {font-family:'Fontawesome';}
.default-title-bar-active {background: #111;}
.default-title-bar a::after, .default-title-bar a::before {background: #111;}
.default-title-bar {background: #111;}
.acc_title_bar {border-radius: 0px; border-bottom: 1px solid #03ff47;}
.default-title-bar-active {border-bottom: 0px solid #fff;}
.default-title-bar-active a:hover::before {background: #111;}
.default-title-bar a:hover::before {background: #111; color:#03ff47;width: 20px;}
.default-title-bar a:hover {color: blue;}
.acc_title_bar .default-title-bar a:hover {color: #03ff47 !important;}
.acc_title_bar a:hover {color: #03ff47 !important;}
div.acc_container {background: #fff;margin: 0px;padding: 20px 0;}
div.acc_container {color: #111;}
.acc_container p {margin: 0px !important;}
div.acc_container .block {padding: 0 20px;}
.acc_title_bar a::before {border-radius: 0 0px 0 0px;}
.acc_title_bar a {padding: 12px 12px 12px 30px;}
.acc_title_bar a::before {width: 20px;}
.acc_title_bar a::after {display: none !important;}
/* end accordian FAQ's */
/* google map and reviews */
.area-covered-map {height:100%; max-height: 450px;}
.wp-gr:not(.wp-dark) .grw-review-inner.grw-backgnd {background: #fff !important;}
/* end google map and reviews */
/* footer */
#footer {padding-bottom: 0px;}
.footer_type_1 .widget_wrap {margin: 50px 30px 50px 0;}
.footer_type_1 .widget h2 {margin-bottom: 10px;}
#footer .menu-item {border-bottom: 1px solid #03ff47;}
#footer .menu-item:last-child {border-bottom: 0px solid #03ff47;}
.widget_nav_menu .menu-item a {padding: 8px 0px;}
.widget_pages .page_item a::before, .widget_nav_menu .menu-item a::before {content: "\f0da";}
#footer .menu-item a:hover {color:#03ff47 !important;}
#footer .widget h2 {font-size: 24px; font-weight: 700;}
#footer a {color: #fff !important;}
#footer a:hover {color:#03ff47 !important;}
.footer-email {padding-top: 8px;}
.footer-email::before {font-family: "FontAwesome"; content: "\f0e0"; float: left; margin-right: 12px;color: #03ff47;}
.footer-phone::before {font-family: "FontAwesome"; content: "\f095"; float: left; margin-right: 12px;color: #03ff47;}
.footer-socials {}
.textwidget p {margin-bottom: 8px;}
.trade-logo-outer {width; 100%;}
.trade-logo {display: inline-block;margin-right: 15px;}
.trade-logo:last-child {margin-right: 0px;}
.trade-logo-item {max-width: 200px; height: auto;margin: 3px 0;}
#footer_coms a:hover {color: #03ff47 !important;}
.bark-logo {max-width: 120px !important;}
/* end footer */
/* mobile responsive */
@media screen and (max-width: 1440px) {
.services-hero-item {width: 16.46%;}
#hero-cta {margin-top: 12.25%;}
#hero {min-height: 100vh;}
}
@media screen and (max-width: 1280px) {
.services-hero-item {width: 16.4%;}
#hero {min-height: 120vh;}
.hero-text-main-copy h1 {color: #fff;font-size: 38px;font-weight: 800;line-height: 46px;}
#hero-cta {margin-top: 13.25% !important;}
.services-hero-item a {font-size: 14px;}
}
@media screen and (min-width: 1036px) {
#hero-mobile {display: none;}
}
@media screen and (max-width: 1035px) {
#hero {display:none;}
#hero-mobile {height: 100%;}
#mobile-hero-txt {padding-top: 20%;}
.services-hero-item {width: 16.3%;}
.hero-text-col {max-width: 100%;}
#mobile-hero-txt {background: rgb(0,0,0,0.5)}
#nav_button::before {font-size: 30px;}
#nav_button {width: 100%;}
.header_bottom_nav #nav_button {margin-top: 40px;}
.wpforms-container .wpforms-submit-container {width: 100%; text-align: center;}
.cta-item {display: block;margin-right: 0px;width: 100%;text-align: center;margin-bottom: 20px;}
.services-hero-item {display: table-cell;}
#page-hero {height: 40vh;max-height: 650px;}
#page-hero-text h1 {font-size: 36px;line-height: 42px;text-shadow: 0px 0px 5px #111;}
#page-hero-text {bottom: 20px;padding: 0 30px;}
.trade-logo-item {max-width: 200px; height: auto;margin: 12px 0;}
.footer_type_1 .widget_wrap {margin: 10px 30px 10px 0;}
#mobile-menu ul li a {width: calc(100% - 0px);text-transform: none;}
#mobile-menu ul li a:hover {color: #03ff47 !important;}
#posts {width: auto;}
}
@media screen and (max-width: 834px) {
.services-hero-item {padding: 6px;}
.services-hero-item {width: 16.27%;display: table-cell;}
.services-hero-item img {max-width: 90%;}
.hero-text-google-stars {padding-top: 30px;}
}
@media screen and (max-width: 820px) {
.hero-text-google-stars {padding-top: 30px;}
}
@media screen and (max-width: 600px) {
#logo_img img {margin-top: 0px;}
.hero-text-google-stars {padding-top: 0px;}
#mobile-hero-txt {padding-top: 15%;}
.footer_type_1 .widget_wrap {margin: 20px 30px 0px 0;}
#footer {padding-top: 0px;}
.form-header-alt {margin-top: 30px;}
}
@media screen and (max-width: 599px) {
.services-hero-item {width: 60%;display: table;border-right: 0px solid #03ff47;border-bottom: 1px solid #03ff47;padding-top: 20px;margin: 0 auto;}
}
/* end mobile responsive */