/* Theme Name: Highend Child Theme URI: http://preview.hb-themes.com/?theme=Highend Description: A Flexible, Powerful & Beautiful WordPress Theme by HB-Themes. Mobile ready and optimized for best performance. With the powerful engine and user friendly interface it will allow you to build outstanding websites quick and easy... It comes with Premium Plugins integrated into the theme. Author: HB-Themes Author URI: http://www.hb-themes.com Template: HighendWP Version: 1.0.1 Tags: Responsive, Page-Builder, Drag&Drop, Clean, Modern, Corporate, Multi-Purpose, Multi-Color Text Domain: hbthemes FONTS font-family: "Inter", sans-serif; font-weight: 100, 300, 400, 500, 600, 700, 800, 900; font-style: normal; italic; font-family: "Montserrat", sans-serif; font-weight: 100, 300, 400, 500, 600, 700, 800, 900; font-style: normal; italic; COLORS navy - #1c406e; grey - #f4f4f4 */ /* =Theme customization starts here -------------------------------------------------------------- */ /** FLUSH MAIN CONTENT WITH FOOTER **/ #main-content .fullwidth .col-12 { margin-bottom: 0px !important; padding-bottom: 0px !important; } /** GLOBAL mobile **/ @media handheld, only screen and (max-width: 767px) { /** FLUSH columns in mobile **/ .vc_column_container { margin-bottom: 0px !important; } /** center text align just in mobile **/ .centermobile { text-align: center !important; } } /*reverse row in mobile*/ @media handheld, only screen and (max-width: 767px){ .reverse-column { position: relative; flex-direction: column-reverse; display: flex; } } /** GLOBAL FONTS **/ #main-content .fontinter {font-family: "Inter", sans-serif;} #main-content .fontmontserrat {font-family: "Montserrat", sans-serif;} #main-content .fontitalic {font-style: italic !important;} #main-content .fontuppercase {text-transform: uppercase !important;} #main-content .letterspacingone {letter-spacing: 1px !important;} #main-content .letterspacingtwo {letter-spacing: 2px !important;} #main-content .fontweightnine {font-weight: 900 !important;} #main-content .fontweighteight {font-weight: 800 !important;} #main-content .fontweightseven {font-weight: 700 !important;} #main-content .fontweightsix {font-weight: 600 !important;} #main-content .fontweightfive {font-weight: 500 !important;} #main-content .fontweightfour {font-weight: 400 !important;} #main-content .fontweightthree {font-weight: 300 !important;} #main-content .fontweighttwo {font-weight: 200 !important;} #main-content .fontweightone {font-weight: 100 !important;} #main-content .white {color: #FFFFFF !important;} /** GLOBAL FONTS MOBILE **/ @media handheld, only screen and (max-width: 767px) { body { font-size: 16px !important; line-height: 22px !important; } h1 { font-size: 32px !important; line-height: 32px !important; } h2 { font-size: 22px !important; line-height: 34px !important; } h3 { font-size: 21px !important; line-height: 23px !important; } h4 { font-size: 18px !important; line-height: 22px !important; } h5 { font-size: 14px !important; line-height: 16px !important; } h6 { font-size: 16px !important; line-height: 24px !important; } } /** GLOBAL IMAGE SIZES **/ #main-content .maxwidthtwelvehundred img {max-width: 1200px !important; width: 100% !important;} #main-content .maxwidthevelenhundred img {max-width: 1100px !important; width: 100% !important;} #main-content .maxwidthonethousand img {max-width: 1000px !important; width: 100% !important;} #main-content .maxwidthninehundred img {max-width: 900px !important; width: 100% !important;} #main-content .maxwidtheighthundred img {max-width: 800px !important; width: 100% !important;} #main-content .maxwidthsevenhundred img {max-width: 700px !important; width: 100% !important;} #main-content .maxwidthsixhundred img {max-width: 600px !important; width: 100% !important;} #main-content .maxwidthfivehundred img {max-width: 500px !important; width: 100% !important;} #main-content .maxwidthfourhundred img {max-width: 400px !important; width: 100% !important;} #main-content .maxwidththreehundred img {max-width: 300px !important; width: 100% !important;} #main-content .maxwidthtwohundredfifty img {max-width: 250px !important; width: 100% !important;} #main-content .maxwidthtwohundred img {max-width: 200px !important; width: 100% !important;} #main-content .maxwidthonehundredfifty img {max-width: 150px !important; width: 100% !important;} #main-content .maxwidthonehundred img {max-width: 100px !important; width: 100% !important;} #main-content .letterspacingone {letter-spacing: 1px !important;} #main-content .letterspacingtwo {letter-spacing: 2px !important;} /** logo **/ #header-inner.nav-type-2 #logo { padding: 60px 0px 40px 0px !important; } /** MAIN NAV - when not using mega menu **/ nav.main-navigation ul#main-nav li a { padding: 0 4px !important; } nav.main-navigation ul#main-nav li.menuteam a span { border-bottom: none !important; background-color: rgba(244,244,244,1); padding: 16px 40px; border-radius: 6px; color: #1c406e; } nav.main-navigation ul#main-nav li.menuteam a span:hover { background-color: #1c406e; color: rgba(244,244,244,1); } .widget_nav_menu ul.menu { border: none !important; } #main-wrapper .widget_nav_menu ul.menu li a { font-family: "Cormorant Garamond", sans-serif !important; text-transform: uppercase !important; border-bottom: none !important; background-color: rgba(244,244,244,1) !important; padding: 16px 40px !important; border-radius: 6px !important; color: #1c406e !important; text-align: center !important; margin-bottom: 20px !important; } #main-wrapper .widget_nav_menu ul.menu li a::before { display: none !important; } #main-wrapper .widget_nav_menu ul.menu li a:hover { background-color: #1c406e !important; color: rgba(244,244,244,1) !important; } @media handheld, only screen and (max-width: 900px) { #header-inner.nav-type-2 #show-nav-menu {display: none !important; visibility: hidden !important;} } .biocontainer { position: relative; /* Sets the div as a reference point for absolute positioning */ overflow: visible; /* Allows overflow outside the container */ } .bioimage { position: absolute; top: 0px; /* Moves the image above the container */ left: 80px; /* Moves the image to the left of the container */ } #main-content .bioimage img { border-radius: 30px; /* Adjust the radius value to control how rounded the edges are */ z-index: 9999 !important; } #main-content .roundimage img { border-radius: 30px; /* Adjust the radius value to control how rounded the edges are */ } ul.bullets li { list-style: none !important; } ul.bullets li:before { font-family: 'FontAwesome'; content: '\f00c'; margin:0 5px 0 0; color: #771027; } ul.bulletspractice li { list-style: none !important; font-family: "Cormorant Garamond", sans-serif !important; color: #FFFFFF; font-size: 24px; line-height: 21px; margin-bottom: 20px !important; } ul.bulletspractice li:before { font-family: 'FontAwesome'; content: '\2b'; margin:0 8px 0 0; color: #b3b3b3; font-size: 16px; line-height: 18px; } @media handheld, only screen and (max-width: 900px) { .col-4.no-separator.widget-column { text-align: center; } }