/* Theme Name: Betheme Child Theme URI: https://themes.muffingroup.com/betheme Author: Muffin group Author URI: https://muffingroup.com Description: Child Theme for Betheme Template: betheme Version: 2.0.1 */ /*global*/ @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } h3 {font-family: "PT Sans Narrow",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; text-transform: uppercase;} /*menu*/ .menuo-right #Top_bar .menu_wrapper {margin-right: 5%;} #Top_bar .menu > li.current-menu-item > a, #Top_bar .menu > li.current_page_item > a {font-weight: bold !important;} #Top_bar .menu > li.app-btn a {font-weight: bold; color: #C7DFEE;} .sticky-tb-color #Top_bar.is-sticky {padding: 10px 0!important;} /*submenus*/ #Top_bar .menu li ul li {width: 300px;} #Top_bar .menu > li ul li a {font-family: "PT Sans Narrow",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; text-transform: uppercase; font-weight: 400; font-size: 18px;} /*subheader*/ .subhead-txt p {font-size: 20px; font-weight: bold; color: #c7dfee;} .subhead-txt h3 {font-size: 27px; letter-spacing: 1px; font-weight: bold; } /*banner*/ .zoom-outside {overflow: hidden!important;} .zoom-inner { position: absolute; top: 0px; left: 0px; z-index: 1!im; } .banner .big {margin-bottom: 100px;} .banner-main {animation: fadeIn 4s;} /*services area*/ .sv-txt-left .mcb-item-column-inner {margin-right: 0!important;} .sv-cta {padding: 25px !important;} .sv-txt {padding: 0 18px;} .sv-desc {min-height: 170px !important;} /*services page*/ .sv-main-txt h3 {font-size: 20px; color: #052d46; font-weight: bold; margin-top: 20px;} /*services menu*/ .widget_mfn_menu ul li {background: url('https://thebrainsurgeon.co.za/wp-content/uploads/2024/01/line-thin.jpg') 5% bottom no-repeat; padding-bottom: 6px; margin-bottom: 6px;} .widget_mfn_menu ul li a { background: transparent !important;font-family: "PT Sans Narrow",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; text-transform: uppercase; font-size: 20px; font-weight: bold; color: #fff; letter-spacing: 1px;} .widget_mfn_menu ul li a:hover {color: #C7DFEE !important;} .widget_mfn_menu ul li a:hover, .widget_mfn_menu ul li.current-menu-item:not(.current-menu-ancestor) > a, .widget_mfn_menu ul li.current_page_item:not(.current_page_ancestor) > a {color: #C7DFEE !important;} .cntct-tbl td {border:none;} .cntct-tbl i {font-size: 24px;} .cntct-tbl a {color: #fff;} /*faq*/ .faq-txt p {line-height: 40px; margin-bottom: 35px;} .faq-txt ul {margin-bottom: 40px;} .faq-txt li {padding-bottom: 20px; padding-left: 25px;} .faq .question > .title .num, .faq .question:before, .faq .question:after {display: none;} .faq .question > .title > .acc-icon-plus, .faq .question .title > .acc-icon-minus {left: 20px !important;} .faq-toggler .toggle-icon {position: absolute !important; left: 0px!important;} .faq-toggler ul {list-style: disc !important; padding-left: 20px;} .faq-toggler ul li {padding-left: 16px;} .faq-toggler .toggle-bar {margin-left: 12%;} .faq-toggler .toggle-content {} .footer-table tr:first-child td {box-shadow: none !important;} .footer-table tr:nth-child(2n) td {background: transparent !important;} .footer-table td {font-size: 17px; font-weight: 500 !important; color: #2e2e33; text-align: left; border: none; padding: 2px 5px;} .footer-table td h5 {color: #fff; font-family: "PT Sans"; padding-bottom: 30px; text-transform: uppercase; font-weight: bold; margin-bottom: 0;} .footer-table td:nth-child(n) {vertical-align: top;} .footer-table td a {background: none !important;} #nav_menu-2, #custom_html-3 {padding: 0 10%;} .mfn-footer .widget_nav_menu ul {list-style: none; padding: 0;} .mfn-footer .widget_nav_menu ul li {margin-bottom: 5px;} .mfn-footer a:not(.button,.icon_bar,.mfn-btn,.mfn-option-btn) {background: #f4f4f4; color: #052d46; text-align: center; font-size: 17px; font-weight: 500 !important;} .mfn-footer a:not(.button,.icon_bar,.mfn-btn,.mfn-option-btn):hover {background: #052d46; color: #f4f4f4; text-decoration:none;} .widget_nav_menu ul li a {padding: 0!important;} #Footer .footer_copy {background: #f4f4f4; color: #052d46 !important; font-size: 13px !important; } #Footer .footer_copy .one {margin-bottom: 10px; padding-top: 10px;} #back_to_top {position: absolute; color: #fff; bottom: 180px; right: 0; border: 2px solid #fff; border-radius: 10px; background: transparent;line-height: 33px!important; width: 32px;height: 32px;} #back_to_top i {color: #fff;} .mfn-footer a:not(.button,.icon_bar,.mfn-btn,.mfn-option-btn) {font-size: 14px;} /* RESPONSIVE */ /* > 1490 ------------------------------------------------------------------------------------------------------------- > 1680 */ @media only screen and (min-width: 1490px) and (max-width: 1680px) { } /* > 1240 ------------------------------------------------------------------------------------------------------------- > 1240 */ @media only screen and (min-width: 1240px) { } /* #Header Creative always Open 1240 - 1489 ----------------------------------------- #Header Creative always Open 1240 - 1489 */ @media only screen and (min-width: 1240px) and (max-width: 1489px) { .banner .big { margin-bottom: 55px;} } /* < 1240 ------------------------------------------------------------------------------------------------------------- < 1240 */ @media only screen and (max-width: 1239px) { /* #Desktop 960 - 1239 ---------------------------------------------------------------------------------- #Desktop 960 - 1239 */ @media only screen and (min-width: 960px) and (max-width: 1239px) { } /* #Desktop > 960 -------------------------------------------------------------------------------------------- #Desktop > 960 */ @media only screen and (min-width: 960px) { } /* #Tablet (Landscape) 768 - 959 --------------------------------------------------------------- #Tablet (Landscape) 768 - 959 */ @media only screen and (min-width: 768px) and (max-width: 959px) { .sv-box .column_placeholder {display: none;} .sv-box .tablet-one-second.column {width: 100% !important;} .banner h1 {font-size: 22px; line-height: 26px;} .banner .big {margin-bottom: 20px; font-size: 18px;} .banner .button {padding: 25px 15px !important;} .widget_mfn_menu ul li a {font-size: 17px;} .faq-txt h1 {font-size: 24px; line-height: 26px;} .faq-txt p {line-height: 27px; margin-bottom: 15px;} .faq-txt ul {margin-bottom: 30px;} .faq-txt li {padding-bottom: 0px; padding-left: 5px;} #Footer .container {max-width: 900px;} #custom_html-2 {} #custom_html-3 {padding: 0;} } /* #Desktop & Tablet (Landscape) > 768 --------------------------------------------------- #Desktop & Tablet (Landscape) > 768 */ @media only screen and (min-width: 768px) { } @media only screen and (max-width: 768px) { } /* #Tablet (Portrait) & Mobile < 768 ------------------------------------------------------- #Tablet (Portrait) & Mobile < 768 */ @media only screen and (max-width: 767px) { .banner-main {} .banner-main .column_placeholder {display: none;} .mcb-section-dwix0ezm .mcb-background-overlay {background-size: 130% !important; background-position: top center !important;} .mcb-section-dwix0ezm {padding-bottom: 0!important;} .banner h1 {font-size: 22px; line-height: 26px;} .banner .big {margin-bottom: 10px; font-size: 16px;} .banner .button {padding: 25px 15px !important;} .faq-txt h1 {font-size: 22px; line-height: 26px;} .faq-txt p {line-height: 27px; margin-bottom: 15px; font-size: 16px!important;} .faq-txt ul {margin-bottom: 30px;} .faq-txt li {padding-bottom: 0px; padding-left: 5px;} } /* #Tablet (Portrait) & Mobile (Landscape) 480 - 768 ----------------------- #Tablet (Portrait) & Mobile (Landscape) 480 - 768 */ @media only screen and (min-width: 480px) and (max-width: 767px) { } /* #Mobile (Portrait) < 480 ------------------------------------------------------------------------- #Mobile (Portrait) < 480 */ @media only screen and (min-width: 448px) and (max-width: 500px) { } @media only screen and (max-width: 479px) { .sv-box h3 {font-size: 18px;} } @media only screen and (max-width: 375px) { } @media only screen and (max-width: 320px) { } /* Retina | iPad ----------------------------------------------------------------------------------------------- Retina | iPad */ @media only screen and (max-device-width: 1024px) { }