/* montserrat-300italic - latin */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 300; src: url('../webfonts/montserrat-v12-latin-300italic.eot'); /* IE9 Compat Modes */ src: local('Montserrat Light Italic'), local('Montserrat-LightItalic'), url('../webfonts/montserrat-v12-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../webfonts/montserrat-v12-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../webfonts/montserrat-v12-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('../webfonts/montserrat-v12-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../webfonts/montserrat-v12-latin-300italic.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-300 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 300; src: url('../webfonts/montserrat-v12-latin-300.eot'); /* IE9 Compat Modes */ src: local('Montserrat Light'), local('Montserrat-Light'), url('../webfonts/montserrat-v12-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../webfonts/montserrat-v12-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../webfonts/montserrat-v12-latin-300.woff') format('woff'), /* Modern Browsers */ url('../webfonts/montserrat-v12-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../webfonts/montserrat-v12-latin-300.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-600 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 600; src: url('../webfonts/montserrat-v12-latin-600.eot'); /* IE9 Compat Modes */ src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url('../webfonts/montserrat-v12-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../webfonts/montserrat-v12-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../webfonts/montserrat-v12-latin-600.woff') format('woff'), /* Modern Browsers */ url('../webfonts/montserrat-v12-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../webfonts/montserrat-v12-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-600italic - latin */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 600; src: url('../webfonts/montserrat-v12-latin-600italic.eot'); /* IE9 Compat Modes */ src: local('Montserrat SemiBold Italic'), local('Montserrat-SemiBoldItalic'), url('../webfonts/montserrat-v12-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../webfonts/montserrat-v12-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../webfonts/montserrat-v12-latin-600italic.woff') format('woff'), /* Modern Browsers */ url('../webfonts/montserrat-v12-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../webfonts/montserrat-v12-latin-600italic.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* ### CUSTOMIZATION SEARCH TERMS ### 'srmCustomize' - all styles that should/could be customized 'srmCustomCheck' - style-settings that need to be customized related to other customizations 'colorDefault' #24292e / rgba(36,41,46,1) / default text color - like black 'colorPrimary' #00b1f4 / rgba(0,177,244,1) / primary color 'colorPrimary15%' #f0dddd / rgba(0,177,244,0.15) / primary color with 15% transparency - convert 15% with http://marcodiiga.github.io/rgba-to-rgb-conversion 'colorSecondary' #999999 / rgba(153,153,153,1) / secondary color - dark grey 'colorGrey' #f4f4f4 / rgba(244,244,244,1) / bright grey (very light) 'colorWhite' #ffffff / rgba(255,255,255,1) / white 'hoverColor' color on hover 'activeColor' color on active states 'fillColor' fill color 'borderColor' border color 'backgroundColor' background color 'fontColor' font color 'fontFamily' font family 'fontSize' font size 'fontWeight' font weight 'visibility' display block/none 'iconCharacter' - icon (e.g. Font Awesome - lists, blockquote) */ /* ### TRANSITION ZONE ### */ .defaultColor1 { color: rgba(36,41,46,1); } /* rgba(36,41,46,1) / #24292e */ .bgTransparent {background-color: #ffffff} .bgWhite {background-color: #ffffff} .bgColor1 {background-color: rgba(0,177,244,1)} /* #00b1f4 - PRIMARY COLOR*/ .bgColor2 {background-color: rgba(228,228,228,1.00);} .bgColor3 {background-color: #555555;} .bgColor4 {background-color: #000000;} .bgColor5 {background-color: #000000;} .primaryColor1 { color: rgba(0,177,244,1); } .primaryBg1 { background-color: rgba(0,177,244,1); } .privacy-filter { border: 1px solid #cfcfcf; } .privacy-filter a i { dislay: block; font-size: 4rem; } /* ### TRANSITION ZONE ### */ @media (min-width: 576px) { } @media (min-width: 768px) { } @media (min-width: 992px) { } @media (min-width: 1200px) { } /* Theme Name: WP Bootstrap Starter Theme URI: https://afterimagedesigns.com/wp-bootstrap-starter/ Author: Afterimage Designs Author URI: https://afterimagedesigns.com/ Description: The best WordPress starter theme based on the most powerful frameworks in the world: "_s" (by Automattic, the main people behind WordPress development), Twitter Bootstrap (the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web) and Font Awesome (or Fontawesome, a full suite of 675+ pictographic icons for easy scalable vector graphics on websites). This theme, like WordPress, is licensed under the GPL. You can use this theme as base for your next WordPress theme project and you are allowed to remove the link at the footer or do whatever you want. Your feedback on how we can continuously improve this WordPress Starter Theme Bootstrap will be highly appreciated. Page templates includes Right-sidebar (default page template), Left-Sidebar, Full-Width, Blank with container, Blank without container Page. Other features - Currently using Bootstrap v4.0.0 , Widgetized footer area, WooCommerce ready, Compatible with Contact Form 7, Compatible with Visual Composer, Compatible with Elementor Page Builder. This theme will be an active project which we will update from time to time. Check this page regularly for the updates. Version: 3.3.6 License: GNU General Public License v2 or later License URI: LICENSE Text Domain: wp-bootstrap-starter Requires at least: 4.7 Requires PHP: 5.2.4 Tested up to: 5.4 Tags: blog, custom-menu, featured-images, threaded-comments, translation-ready, right-sidebar, custom-background, e-commerce, theme-options, sticky-post, full-width-template */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Normalize # Typography # Elements # Forms # Navigation ## Links ## Menus # Accessibility # Alignments # Clearings # Widgets # Content ## Posts and pages ## Comments # Infinite scroll # Media ## Captions ## Galleries # Woocommerce # Footer --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ body { margin: 0; -webkit-font-smoothing: auto; color: #24292e; /* srmCustomize: fontColor (colorDefault) */ font-size: 1.25rem; line-height: 1.5; } .dark-mode .text_content { color: #ffffff; /* srmCustomize: fontColor (colorWhite) */ } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; text-decoration: none; color: rgba(36,41,46,1); /* srmCustomize: fontColor / hoverColor (colorDefault) */ -webkit-transition: all 0.20s ease-in; -moz-transition: all 0.20s ease-in; -o-transition: all 0.20s ease-in; transition: all 0.20s ease-in; } .dark-mode a { color: #ffffff; /* srmCustomize: fontColor (colorWhite) */ } a:focus, a:active, a:hover { outline: 0; color: rgba(36,41,46,0.75); /* srmCustomize: fontColor / hoverColor (colorDefault) */ text-decoration: none; -webkit-transition: all 0.20s ease-in; -moz-transition: all 0.20s ease-in; -o-transition: all 0.20s ease-in; transition: all 0.20s ease-in; } .dark-mode a:focus, .dark-mode a:active, .dark-mode a:hover { color: rgba(255,255,255,0.75); /* srmCustomize: fontColor (colorWhite) */ } dfn { font-style: italic; } .text-smaller { font-size: 85%; } .text-larger { font-size: 115%; } .mark, mark { background: #f0dddd; /* srmCustomize: backgroundColor (colorPrimary15%) */ color: #24292e; /* srmCustomize: fontColor (colorDefault) */ padding: 0.1em 0.2em; } p mark { padding: 0.15em 0.2em; } .dark-mode mark { background: rgba(72,72,72,1); /* srmCustomize: backgroundColor (colorCustom) */ color: #ffffff; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 2.5rem; } hr { box-sizing: content-box; height: 0; margin-top: 14px; /* srmCustomize: margin (to fit line-heights) - ### srmCustomCheck ### */ margin-bottom: 15px; /* srmCustomize: margin (to fit line-heights) - ### srmCustomCheck ### */ border-color: rgba(36,41,46,0.15); /* srmCustomize: borderColor (colorDefault) */ } .dark-mode hr { border-color: rgba(255,255,255,0.4); } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } @media (min-width: 576px) { } @media (min-width: 768px) { } @media (min-width: 992px) { html { overflow-y: scroll !important; } body { font-size: 1rem; } } @media (min-width: 1200px) { } /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ h1, h2, h3, h4, h5, h6 { clear: both; font-weight: 300; /* srmCustomize: fontWeight */ margin-top: 0; margin-bottom: 0; line-height: 1.25; /* srmCustomize: lineHeight */ } h1 { font-size: 2.15rem; /* srmCustomize: fontSize (h1) 36px (1rem = 12px) */ } h2 { font-size: 2.0rem; /* srmCustomize: fontSize (h2) 33px */ } h3 { font-size: 1.85rem; /* srmCustomize: fontSize (h3) 30px */ } h4 { font-size: 1.75rem; /* srmCustomize: fontSize (h4) 27px */ } h5 { font-size: 1.5rem; /* srmCustomize: fontSize (h5) 24px */ line-height: 1.5; /* srmCustomize: lineHeight */ } h6 { font-size: 1.35rem; /* srmCustomize: fontSize (h6) 21px */ line-height: 1.5; /* srmCustomize: lineHeight */ } p { margin-bottom: 0; } strong, b { font-weight: 600; /* srmCustomize: fontWeight */ } u { text-decoration: none; border-bottom-width: 1px; border-bottom-style: solid; } h1.entry-title, h1.page-title { font-weight: 600; /* srmCustomize: fontWeight (srmCustomCheck - should be default h1 weight) */ padding-bottom: 50px; color: rgba(0,177,244,1); line-height: 1; } h6.entry-title { color: rgba(0,177,244,1); line-height: 1.2; padding-bottom: 5px; } .content_block a:not(.btn) { border-bottom: 1px dotted rgba(36,41,46,0.25); /* srmCustomize: borderColor (colorDefault) */ } .dark-mode .content_block a:not(.btn) { border-bottom: 1px dotted rgba(255,255,255,0.75); /* srmCustomize: borderColor (colorWhite) */ } .content_block a:not(.btn):focus, .content_block a:not(.btn):hover { border-bottom: 1px solid rgba(36,41,46,0.5); /* srmCustomize: borderColor / hoverColor (colorDefault) */ } .dark-mode .content_block a:not(.btn):focus, .dark-mode .content_block a:not(.btn):hover { border-bottom: 1px solid rgba(255,255,255,0.75); /* srmCustomize: borderColor / hoverColor (colorWhite) */ } /* exceptions to link behaviour for certain elements like images, galleries, ...) */ figure a, section.gallery a, div.carousel a { border-bottom: none !important; } .content_block ol:not(.carousel-indicators) { margin-bottom: 0; margin-left: 0; padding-left: 25px; } .content_block ol li { list-style-position: outside; padding-left: 0.5em; text-indent: 0em; } .content_block ul { list-style: none; margin-bottom: 0; margin-left: 0; padding-left: 0; } .content_block ul li { list-style-position: inside; padding-left: 1.22em; text-indent: -1.22em; } .content_block ul li::before { padding-right: 1.1rem; /* srmCustomize: padding depends on icon/character width (srmCustomCheck) */ content: ">"; /* content: "\f105"; /* srmCustomize: iconCharacter */ /* font-family:'FontAwesome'; */ font-size: 1.3rem; } @media (min-width: 576px) { } @media (min-width: 768px) { .content_block ul li { list-style-position: inside; padding-left: 1.22em; text-indent: -1.22em; } .content_block ul li::before { padding-right: 1.22rem; /* srmCustomize: padding depends on icon/character width (srmCustomCheck) */ font-size: 1rem; } } @media (min-width: 992px) { h1 { font-size: 2.75rem; /* srmCustomize: fontSize (h1) 36px (1rem = 12px) */ } h2 { font-size: 2.5rem; /* srmCustomize: fontSize (h2) 33px */ } h3 { font-size: 2.25rem; /* srmCustomize: fontSize (h3) 30px */ } h4 { font-size: 2rem; /* srmCustomize: fontSize (h4) 27px */ } h5 { font-size: 1.75rem; /* srmCustomize: fontSize (h5) 24px */ } h6 { font-size: 1.35rem; /* srmCustomize: fontSize (h6) 21px */ } .content_block ul li { list-style-position: inside; padding-left: 1.22em; text-indent: -1.22em; } .content_block ul li::before { padding-right: 0.8rem; /* srmCustomize: padding depends on icon/character width (srmCustomCheck) */ font-size: 1rem; } } @media (min-width: 1200px) { } @media (max-width: 991px) { .btn { font-size: 1.25rem; } } /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ body { background: #fff; font-family: 'Montserrat'; /* srmCustomize: fontFamily */ /* Fallback for when there is no custom background color defined. */ } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } figure { margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */ } table { margin: 0 0 1.5em; width: 100%; } @media screen and (min-width: 768px) { } @media screen and (min-width: 992px) { } @media screen and (min-width: 1200px) { } @media screen and (min-width: 1380px) { } /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ header#masthead { margin-bottom: 0; background-color: rgba(0,177,244,0); /* srmCustomize: backgroundColor (colorPrimary) */ box-shadow: 0 0.5rem 1rem rgba(0,0,0,.0), inset 0 -1px 0 rgba(0,0,0,0); padding: 0 15px 0 15px; -webkit-transition: all 0.20s ease-in; -moz-transition: all 0.20s ease-in; -o-transition: all 0.20s ease-in; transition: all 0.20s ease-in; } .container_header_nav_lang { display: block; } header#masthead .container_header_nav_main { border-bottom: 3px solid rgba(0,177,244,1) /* srmCustomize: fontColor (colorDefault) */; margin-bottom: 7px; } header#masthead .container_header_nav_sub { border-top: 1px solid rgba(0,177,244,1) /* srmCustomize: fontColor (colorDefault) */; margin-bottom: 0; padding: 0px 0px 10px 0px; margin: 0px auto; font-size: 0px; } header#masthead.navbar-transparent-hover, header#masthead.navbar-transparent { background-color: rgba(255,255,255,0); /* srmCustomize: backgroundColor (transparent) */ box-shadow: 0 0.5rem 1rem rgba(0,0,0,.0), inset 0 -1px 0 rgba(0,0,0,0); } header#masthead:not(.navbar-transparent):hover, header#masthead:not(.navbar-transparent):focus { background-color: rgba(255,255,255,0); /* srmCustomize: backgroundColor (colorPrimary) */ box-shadow: 0 0.5rem 1rem rgba(0,0,0,.0), inset 0 -1px 0 rgba(0,0,0,.0); -webkit-transition: all 0.20s ease-in; -moz-transition: all 0.20s ease-in; -o-transition: all 0.20s ease-in; transition: all 0.20s ease-in; } .navbar-brand > a { font-size: 1.1rem; outline: medium none; text-decoration: none; color: rgba(0,177,244,1); font-weight: 600; } .navbar-brand > a:visited, .navbar-brand > a:hover, .navbar-brand > a:visited, .navbar-brand > a:focus { text-decoration: none; } #page-sub-header { position: relative; padding-top: 5rem; padding-bottom: 0; text-align: center; font-size: 1.25rem; background-size: cover !important; } body:not(.theme-preset-active) #page-sub-header h1 { line-height: 1.6; font-size: 4rem; background: rgba(0,177,244,1); /* srmCustomize: fontColor (colorPrimary) */ margin: 0 0 1rem; border: 0; padding: 0; } #page-sub-header p { margin-bottom: 0; line-height: 1.4; font-size: 1.25rem; font-weight: 300; } body:not(.theme-preset-active) #page-sub-header p { color: #24292e; /* srmCustomize: fontColor (colorDefault) */ } a.page-scroller { color: #333; font-size: 2.6rem; display: inline-block; margin-top: 2rem; } @media screen and (min-width: 768px) { body:not(.theme-preset-active) #page-sub-header h1 { font-size: 3.750rem; } body:not(.theme-preset-active) #page-sub-header { font-size: 1.25rem; } } @media screen and (min-width: 992px) { header#masthead { padding: 0rem 1rem 0rem 1rem; } #page-sub-header p { max-width: 43rem; margin: 0 auto; } } /*-------------------------------------------------------------- ## Links --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Menus --------------------------------------------------------------*/ #masthead nav { padding-left: 0; padding-right: 0; padding-bottom: 15px !important; } body:not(.theme-preset-active) #masthead .navbar-brand { padding: 0; } body:not(.theme-preset-active) #masthead .navbar-brand a.navbar-brand-logo { position: relative; float: left; opacity: 1; } body:not(.theme-preset-active) #masthead .navbar-brand, body:not(.theme-preset-active) #masthead .navbar-brand a.navbar-brand-logo { width: 220px; /* srmCustomize: logo-size (width & height required) */ height: auto; -webkit-transition: all 0.20s ease-in; -moz-transition: all 0.20s ease-in; -o-transition: all 0.20s ease-in; transition: all 0.20s ease-in; } body:not(.theme-preset-active) #masthead .navbar-brand a.navbar-brand-logo img { display: block; /* srmCustomize: visibility png-logo */ } body:not(.theme-preset-active) #masthead .navbar-brand a.navbar-brand-logo img, body:not(.theme-preset-active) #masthead .navbar-brand a.navbar-brand-logo:visited img { opacity: 1; -webkit-transition: all 0.20s ease-in; -moz-transition: all 0.20s ease-in; -o-transition: all 0.20s ease-in; transition: all 0.20s ease-in; } body:not(.theme-preset-active) #masthead .navbar-brand a.navbar-brand-logo:hover img, body:not(.theme-preset-active) #masthead .navbar-brand a.navbar-brand-logo:focus img { opacity: 0.75; -webkit-transition: all 0.20s ease-in; -moz-transition: all 0.20s ease-in; -o-transition: all 0.20s ease-in; transition: all 0.20s ease-in; } body:not(.theme-preset-active) #masthead .header_nav { overflow: visible; width: 100%; } body:not(.theme-preset-active) #masthead .header_nav ul.nav_menu { list-style:none; text-align: right; opacity: 1; float: right; margin: 0px; } body:not(.theme-preset-active) #masthead .header_nav_sub { margin-top: -5px; } body:not(.theme-preset-active) #masthead .header_nav_main > ul { padding-bottom: 10px; padding-top: 65px; display: inline-block; width: auto !important; padding-left: 0px !important; border-bottom: 0px solid rgba(0,0,0,1); } body:not(.theme-preset-active) #masthead .header_nav_sub > ul { padding-top: 10px; border-top: 1px solid rgba(0,0,0,1); padding-left: 0px !important; } body:not(.theme-preset-active) #masthead.site-header-no-sub .header_nav_main > ul{ border-bottom: 0px solid transparent; } body:not(.theme-preset-active) #masthead.site-header-no-sub .header_nav_sub > ul { border-top: 1px solid transparent; } body:not(.theme-preset-active) #masthead .header_nav ul.nav_menu li { display: inline-block; position: relative; } body:not(.theme-preset-active) #masthead .header_nav ul.nav_menu li > a, body:not(.theme-preset-active) #masthead .header_nav ul.nav_menu li > a:visited { text-decoration: none; color: rgba(0,0,0,1); /* srmCustomize: fontColor (colorWhite) */ font-size: 1rem; /* srmCustomize: fontSize */ font-weight: 300; font-style: normal; text-transform: none; letter-spacing: 0.25px; padding: 10px 0 10px 15px; } body:not(.theme-preset-active) #masthead .header_nav_sub ul.nav_menu li > a, body:not(.theme-preset-active) #masthead .header_nav_sub ul.nav_menu li > a:visited { font-size: 0.9375rem; /* srmCustomize: fontSize */ letter-spacing: 0.25px; padding: 10px 0 10px 15px; } body:not(.theme-preset-active) #masthead .header_nav ul.nav_menu li > a:hover, body:not(.theme-preset-active) #masthead .header_nav ul.nav_menu li > a:focus{ text-decoration: none; color: rgba(0,0,0,0.5); /* srmCustomize: fontColor / hoverColor (colorWhite) */ } body:not(.theme-preset-active) #masthead .header_nav_main > ul li:first-child > a, body:not(.theme-preset-active) #masthead .header_nav_sub > ul li:first-child > a { padding-left: 0px !important; } body:not(.theme-preset-active) #masthead .header_nav ul.nav_menu li:hover > ul { z-index: 999; display: block; opacity: 1; } body:not(.theme-preset-active) #masthead .header_nav ul.nav_menu ul { position: absolute; right: -15px; margin: 5px 0 0 0; display: none; opacity: 0; background: rgba(0,0,0,0.95); /* srmCustomize: backgroundColor (colorPrimary) */ text-align: right; padding: 10px 0 10px 0; width: 200px; max-width: 250px; z-index: 999; } body:not(.theme-preset-active) #masthead .header_nav ul.nav_menu ul li { display: block; text-align: right; } body:not(.theme-preset-active) #masthead .header_nav ul.nav_menu ul li a, body:not(.theme-preset-active) #masthead .header_nav ul.nav_menu ul li a:visited, body:not(.theme-preset-active) #masthead .header_nav ul.nav_menu ul ul li a, body:not(.theme-preset-active) #masthead .header_nav ul.nav_menu ul ul li a:visited { text-decoration: none; background: none; padding: 5px 15px; color: rgba(255,255,255,1); /* srmCustomize: fontColor (colorWhite) */ line-height: 1.2; font-size: 0.875rem; /* srmCustomize: fontSize */ font-weight: 300; display: block; text-transform: none; letter-spacing: -0.2px; } body:not(.theme-preset-active) #masthead .header_nav ul.nav_menu ul li:hover > a, body:not(.theme-preset-active) #masthead .header_nav ul.nav_menu ul li:focus > a, body:not(.theme-preset-active) #masthead .header_nav ul.nav_menu ul li a:hover, body:not(.theme-preset-active) #masthead .header_nav ul.nav_menu ul li a:focus, body:not(.theme-preset-active) #masthead .header_nav ul.nav_menu ul ul li a:hover, body:not(.theme-preset-active) #masthead .header_nav ul.nav_menu ul ul li a:focus { text-decoration: none; background: none; color: rgba(255,255,255,0.5); /* srmCustomize: fontColor / hoverColor (colorWhite) */ } body:not(.theme-preset-active) #masthead .header_nav ul.nav_menu ul ul { position: absolute; right: 100%; margin-right: 1px; top: -15px; padding: 12px 0px 15px 0; } body:not(.theme-preset-active) #masthead .header_nav ul.nav_menu li.current_page_ancestor > a, body:not(.theme-preset-active) #masthead .header_nav ul.nav_menu li.current-menu-ancestor > a, body:not(.theme-preset-active) #masthead .header_nav ul.nav_menu li.current_page_parent > a, body:not(.theme-preset-active) #masthead .header_nav ul.nav_menu li.current-menu-parent > a, body:not(.theme-preset-active) #masthead .header_nav ul.nav_menu li.current-menu-item > a { color: rgba(0,0,0,1); /* srmCustomize: fontColor / activeColor */ font-weight: 600; } @media screen and (min-width: 1200px) { body:not(.theme-preset-active) #masthead .header_nav_sub { margin-top: -5px; } } @media screen and (min-width: 1280px) { body:not(.theme-preset-active) #masthead .header_nav_sub { margin-top: -4px; } } body:not(.theme-preset-active) .header_nav_lang { list-style:none; text-align: right; opacity: 1; display: block; float: right; margin: 0px; } body:not(.theme-preset-active) .header_nav_lang ul#menu-hauptnavigation-lang { list-style:none; text-align: right; opacity: 1; display: block; float: right; margin: 0px; } body:not(.theme-preset-active) .header_nav_lang > ul#menu-hauptnavigation-lang { padding-bottom: 10px; display: inline-block; width: 100% !important; padding-left: 0px !important; border-bottom: 0px solid rgba(0,0,0,1); } body:not(.theme-preset-active) .header_nav_lang ul#menu-hauptnavigation-lang li { display: inline-block; position: relative; } body:not(.theme-preset-active) .header_nav_lang ul#menu-hauptnavigation-lang li > a, body:not(.theme-preset-active) .header_nav_lang ul#menu-hauptnavigation-lang li > a:visited { text-decoration: none; color: rgba(0,0,0,1); /* srmCustomize: fontColor (colorWhite) */ font-size: 0.9375rem; /* srmCustomize: fontSize */ font-size: 0.875rem; /* srmCustomize: fontSize */ font-weight: 300; font-style: normal; text-transform: none; letter-spacing: 0.25px; padding: 10px 0 10px 15px; } body:not(.theme-preset-active) .header_nav_lang ul#menu-hauptnavigation-lang li > a:hover, body:not(.theme-preset-active) .header_nav_lang ul#menu-hauptnavigation-lang li > a:focus{ text-decoration: none; color: rgba(0,0,0,0.5); /* srmCustomize: fontColor / hoverColor (colorWhite) */ } body:not(.theme-preset-active) .header_nav_lang > ul li:first-child > a { padding-left: 0px !important; } body:not(.theme-preset-active) .header_nav_lang ul#menu-hauptnavigation-lang li.current_page_ancestor > a, body:not(.theme-preset-active) .header_nav_lang ul#menu-hauptnavigation-lang li.current-menu-ancestor > a, body:not(.theme-preset-active) .header_nav_lang ul#menu-hauptnavigation-lang li.current_page_parent > a, body:not(.theme-preset-active) .header_nav_lang ul#menu-hauptnavigation-lang li.current-menu-parent > a, body:not(.theme-preset-active) .header_nav_lang ul#menu-hauptnavigation-lang li.current-menu-item > a { color: rgba(0,0,0,1); /* srmCustomize: fontColor / activeColor */ font-weight: 600; } /*-------------------------------------------------------------- ## Menu Mobile --------------------------------------------------------------*/ #mmenu:not( .mm-menu ) { display: none; } .mm-menu_theme-srm{ /* srmCustomize: mobile menu */ --mm-color-border:rgba( 255,255,255, 0.1 ); --mm-color-button:rgba( 255,255,255, 0.3 ); --mm-color-text:rgba( 255,255,255, 1.0 ); --mm-color-text-dimmed:rgba( 255,255,255, 0.3 ); --mm-color-background-highlight:rgba( 255,255,255, 0.06 ); --mm-color-background-emphasis:rgba( 255,255,255, 0.03 ); --mm-shadow:0 0 10px rgba( 255,255,255, 0.2 ); --mm-color-background:rgba(0,177,244,1); } #mmenu li { font-size: 1.5rem; font-weight: 600; /* srmCustomize: fontWeight */ } #mmenu li.current_page_ancestor > a, #mmenu li.current-menu-ancestor > a, #mmenu li.current_page_parent > a, #mmenu li.current-menu-parent > a, #mmenu li.current-menu-item > a { font-weight: 300; /* srmCustomize: fontWeight */ color: rgba(255,255,255,1) /* srmCustomize: fontColor (colorWhite) */ } #mmenu .mm-listitem__btn { min-width: 95px; } .mm-btn_next:after { -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); top: -3px; } .mburger { height: 36px; color: rgba(0,177,244,1); /* srmCustomize: fontColor (colorWhite) */ --mb-button-size: 36px; --mb-bar-width: 1; --mb-bar-spacing: 9px; } .mburger:hover, .mburger:focus { color: rgba(0,177,244,0.75); /* srmCustomize: fontColor / hoverColor (colorWhite) */ } .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 1.5em; overflow: hidden; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; } .comment-content.card-block { padding: 20px; } .navigation.post-navigation { padding-top: 1.875rem; } .post-navigation .nav-previous a, .post-navigation .nav-next a { border: 1px solid #ddd; border-radius: 0.938rem; display: inline-block; padding: 0.313rem 0.875rem; text-decoration: none; } .post-navigation .nav-next a::after { content: " \2192"; } .post-navigation .nav-previous a::before { content: "\2190 "; } .post-navigation .nav-previous a:hover, .post-navigation .nav-next a:hover { background: #eee none repeat scroll 0 0; } /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 0.313rem; line-height: normal; padding: 0.938rem 1.438rem 0.875rem; text-decoration: none; top: 0.313rem; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft { display: block; float: left; margin-right: 0; } .alignright { display: block; float: right; margin-left: 0; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } a img.alignright { float: right; margin: 0.313rem 0 1.25rem 0; } a img.alignnone { margin: 0.313rem 0 1.25rem 0; } a img.alignleft { float: left; margin: 0.313rem 0 1.25rem 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption.alignnone, .wp-caption.alignleft, .wp-caption.alignright { margin: 0.313rem 0 1.25rem 0; } @media screen and (min-width: 768px) { } @media screen and (min-width: 992px) { .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { margin-left: auto; margin-right: auto; } a img.alignright { float: right; margin: 0.313rem 0 1.25rem 1.25rem; } a img.alignnone { margin: 0.313rem 1.25rem 1.25rem 0; } a img.alignleft { float: left; margin: 0.313rem 1.25rem 1.25rem 0; } a img.aligncenter { margin-left: auto; margin-right: auto; } .wp-caption.alignnone { margin: 0.313rem 1.25rem 1.25rem 0; } .wp-caption.alignleft { margin: 0.313rem 1.25rem 1.25rem 0; } .wp-caption.alignright { margin: 0.313rem 0 1.25rem 1.25rem; } } @media screen and (min-width: 1200px) { } @media screen and (min-width: 1380px) { } @media screen and (max-width: 767px) { img.alignright, img.alignnone, img.alignleft, img.aligncenter { display: block; width: 100%; } } /*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; table-layout: fixed; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /*-------------------------------------------------------------- # Error 404 --------------------------------------------------------------*/ .error404 .searchform .input-group { width: 75%; } /*-------------------------------------------------------------- # Search / Search Results --------------------------------------------------------------*/ .search.search-results .searchform { margin: 0 0 2.5em 0; } .search.search-no-results .searchform { margin: 2.5em 0 0 0; } .search.search-results .entry-meta { margin: 0.5em 0 0 0; font-size: 1rem; /* srmCustomize: fontSize */ } .search.search-results .entry-summary { margin: 0.5em 0 0 0; } .search.search-results .entry-footer { margin: 0.5em 0 0 0; font-size: 1rem; /* srmCustomize: fontSize */ } /*-------------------------------------------------------------- # Widgets & Sidebar --------------------------------------------------------------*/ .entry-sidebar aside { margin: 0 0 3.0em 0; } .widget { margin: 0 0 1.5em; font-size: 0.875rem; /* Make sure select elements fit in widgets. */ } h3.widget-title { font-size: 1.5rem; /* srmCustomize: fontSize (h3) */ padding-bottom: 15px; } .widget select { max-width: 100%; height: calc(1.5em + .75rem + 2px); padding: .375rem .75rem; font-size: 1rem; font-weight: 300; line-height: 1.5; border: 1px solid #ced4da; } .widget_search .search-form input[type="submit"] { display: none; } .nav > li > a { background-color: #f4f4f4; text-decoration: none; margin-bottom: 2px; } .nav > li > a:focus, .nav > li > a:hover { color: rgba(0,0,0,1); background-color: #eee; text-decoration: none; } .half-rule { width: 6rem; margin: 2.5rem 0; } .widget_categories .nav-link { display: inline-block; } .widget .w-75, .widget select { width: 100% !important; } /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Scrolling --------------------------------------------------------------*/ #scrollToTop { position: fixed; opacity: 0; bottom: -50px; right: 30px; -webkit-transition: all 0.30s ease-out; -moz-transition: all 0.30s ease-out; -o-transition: all 0.30s ease-out; transition: all 0.30s ease-out; } #scrollToTop i { font-size: 1.6rem; /* srmCustomize: fontSize */ } #scrollToTop.show { opacity: 1; bottom: 30px; -webkit-transition: all 0.30s ease-out; -moz-transition: all 0.30s ease-out; -o-transition: all 0.30s ease-out; transition: all 0.30s ease-out; z-index: 1; } /* #scrollOffset is required before #content-div (header.php) to prevent flickering of reduced header while scrolling */ #scrollOffset { position: absolute; z-index: -1; width: 100%; height: 1px; top: 200px; /* srmCustomize: top (should be approx. 50px larger than scroll-body-offset (footer.php)) */ } /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ #content.site-content { padding-bottom: 0rem; padding-top: 0rem; margin-top: 7px; } .entry-content .container { background: #f3f3f3; margin-bottom: 7px; padding: 75px 25px 100px 25px; } .sticky .entry-title::before { content: '\f08d'; font-family: "Font Awesome\ 5 Free"; font-size: 1.563rem; left: -2.5rem; position: absolute; top: 0.375rem; font-weight: 600; } .sticky .entry-title { position: relative; } .single .byline, .group-blog .byline { display: inline; } .page-content, .entry-content, .entry-sidebar, .entry-summary { margin: 0 0 0; } .page-links { clear: both; margin: 0 0 1.5em; } .page-template-blank-page .entry-content, .blank-page-with-container .entry-content { margin-top: 0; } .post.hentry { margin-bottom: 4rem; } .posted-on, .byline, .comments-link, .cat-links { color: #9a9a9a; } .entry-title > a { color: inherit; } @media screen and (min-width: 768px) { .entry-content .container { padding: 75px 55px 100px 55px; } } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } .comment-body .pull-left { padding-right: 0.625rem; } .comment-list .comment { display: block; } .comment-list { padding-left: 0; } .comments-title { font-size: 1.125rem; } .comment-list .pingback { border-top: 1px solid rgba(0, 0, 0, 0.125); padding: 0.563rem 0; } .comment-list .pingback:first-child { border: medium none; } /*-------------------------------------------------------------- # Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } figure a img, figure a:visited img { opacity: 1 !important; -webkit-transition: opacity 0.20s ease-in; -moz-transition: opacity 0.20s ease-in; -o-transition: opacity 0.20s ease-in; transition: opacity 0.20s ease-in; } figure a:hover img, figure a:focus img { opacity: 0.75 !important; -webkit-transition: opacity 0.20s ease-in; -moz-transition: opacity 0.20s ease-in; -o-transition: opacity 0.20s ease-in; transition: opacity 0.20s ease-in; } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption { max-width: 100%; padding: 0 0 0 0; text-align: left; } .wp-caption img[class*="wp-image-"] { border: 0 none; height: auto; margin: 0; max-width: 100%; padding: 0; width: auto; } .wp-caption .wp-caption-text { font-size: 1rem; /* srmCustomize: fontSize */ line-height: 1rem; margin: 0; padding: 0.5rem 0 0 0; color: rgba(0,0,0,1); } .wp-caption-text { text-align: right; } .bs-caption-text { font-size: 1rem; /* srmCustomize: fontSize */ line-height: 1; margin: 0; padding: 0.5rem 0 0 0; text-align: right; } .bs-caption-placeholder { line-height: 0; height: 0; margin: 0; padding: 0 0 0 0; text-align: right; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery:not(.bsGallery) { margin-bottom: 1.5em; } .gallery:not(.bsGallery) { margin: auto -10px !important; } .gallery-icon:not(.bsGallery) { padding: 10px; } .gallery-icon:not(.bsGallery) img { border: 1px solid #cfcfcf !important; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-item .gallery-columns-2 { max-width: 50%; } .gallery-item .gallery-columns-3 { max-width: 33.33333%; } .gallery-item .gallery-columns-4 { max-width: 25%; } .gallery-item .gallery-columns-5 { max-width: 20%; } .gallery-item .gallery-columns-6 { max-width: 16.66667%; } .gallery-item .gallery-columns-7 { max-width: 14.28571%; } .gallery-item .gallery-columns-8 { max-width: 12.5%; } .gallery-item .gallery-columns-9 { max-width: 11.11111%; } .gallery-caption { display: block; } /*-------------------------------------------------------------- ## Slider/Carousel --------------------------------------------------------------*/ .carousel .carousel-item { padding: 56.25% 0 0 0; } .carousel.carousel-item-linked .carousel-item > a, .carousel.carousel-item-linked .carousel-item > a:visited { background: rgba(255,255,255,0); position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; } .carousel.carousel-item-linked .carousel-item > a:hover, .carousel.carousel-item-linked .carousel-item > a:focus { background: rgba(255,255,255,0.2); /* srmCustomize: fontColor / hoverColor (colorWhite) */ } .carousel-control-next, .carousel-control-prev { z-index: 2; } .carousel-control-prev .carousel-control-prev-icon, .carousel-control-next .carousel-control-next-icon { background-image: none; } /*-------------------------------------------------------------- ## Blockquotes / Testimonials / --------------------------------------------------------------*/ blockquote { max-width: 100%; font-style: italic; margin: 0; padding: 30px 20px 0 50px; } blockquote::before { content: "\f10d"; /* srmCustomize: iconCharacter */ font-family:'FontAwesome'; color: rgba(36,41,46,0.1); /* srmCustomize: fontColor (colorDefault) */ display: block; font-size: 67px; left: -20px; top: -45px; position: relative; height: 0; } .carouselTestimonials.carousel .carousel-inner { } .carouselTestimonials.carousel .carousel-inner .row { min-height: 350px; } .carouselTestimonials.carousel .carousel-item { padding: 0 150px; } .carouselTestimonials.carousel .carousel-control-prev, .carouselTestimonials.carousel .carousel-control-next { color: rgba(36,41,46,1); /* srmCustomize: fontColor (colorDefault) */ } .carouselTestimonials.carousel .carousel-indicators li { background-color: rgba(36,41,46,0.5); /* srmCustomize: backgroundColor (colorDefault) */ } .singleTestimonial .carousel-indicators, .singleTestimonial .carousel-control-prev, .singleTestimonial .carousel-control-next { display: none; } .testimonialAuthorWrapper { display: block; width: 100%; font-style: normal; font-size: 1rem; margin: 0; padding: 15px 50px 0 50px; text-align: right; } .testimonialAuthor { display: inline-block; font-style: normal; font-weight: 600; } .testimonialAuthorInfo { display: inline-block; font-style: italic; } .testimonialBlock.blockBgPrimary .testimonialText, .dark-mode .testimonialBlock:not(.blockBgWhite):not(.blockBgGrey) .testimonialText, .testimonialBlock.blockBgPrimary .carouselTestimonials.carousel .carousel-control-prev, .testimonialBlock.blockBgPrimary .carouselTestimonials.carousel .carousel-control-next, .dark-mode .testimonialBlock:not(.blockBgWhite):not(.blockBgGrey) .carouselTestimonials.carousel .carousel-control-prev, .dark-mode .testimonialBlock:not(.blockBgWhite):not(.blockBgGrey) .carouselTestimonials.carousel .carousel-control-next { color: rgba(255,255,255,1); /* srmCustomize: fontColor (colorWhite / dark mode) (srmCustomCheck) */ } .dark-mode .text_content blockquote::before, .testimonialBlock.blockBgPrimary blockquote.testimonialText::before, .dark-mode .testimonialBlock:not(.blockBgWhite):not(.blockBgGrey) blockquote.testimonialText::before { color: rgba(255,255,255,0.25); /* srmCustomize: fontColor (colorWhite / dark mode) (srmCustomCheck) */ } .testimonialBlock.blockBgPrimary .carouselTestimonials.carousel .carousel-indicators li, .dark-mode .testimonialBlock:not(.blockBgWhite):not(.blockBgGrey) .carouselTestimonials.carousel .carousel-indicators li { background-color: rgba(255,255,255,5); /* srmCustomize: backgroundColor (colorWhite / dark mode) (srmCustomCheck) */ } /*-------------------------------------------------------------- ## Slider/Carousel > Heroscreen --------------------------------------------------------------*/ #heroScreen{ padding: 0; } #heroSlider .carousel-item { padding: inherit; width: 100%; } #heroSlider .carousel-overlay { position: absolute; z-index: 2; display: block; top: 0px; right: 0px; bottom: 0px; left: 0px; background: rgba(0,0,0,0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); } #heroSlider .carousel-overlay-bottom { /* srmCustomize: backgroundColor (black gradient) */ background: -moz-linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0) 100%); background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0) 100%); } #heroSlider .carousel-item.carousel-item-size-small .carousel-overlay-bottom, #heroSlider .carousel-item.carousel-item-size-medium .carousel-overlay-bottom { background: -moz-linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 100%); background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 100%); } #heroSlider .carousel-caption { position: absolute; right: 0; left: 0; bottom: 20px; z-index: 3; padding-top: 20px; padding-bottom: 20px; opacity: 1; } #heroSlider .carousel-caption h1, #heroSlider .carousel-caption h2, #heroSlider .carousel-caption h3, #heroSlider .carousel-caption h4, #heroSlider .carousel-caption h5, #heroSlider .carousel-caption h6 { color: #ffffff; /* srmCustomize: fontColor (colorWhite) */ line-height: 0.9 !important; } #heroSlider .carousel-caption, #heroSlider .carousel-caption:visited { opacity: 1; -webkit-transition: opacity 0.20s ease-in; -moz-transition: opacity 0.20s ease-in; -o-transition: opacity 0.20s ease-in; transition: opacity 0.20s ease-in; } #heroSlider .carousel-caption:hover, #heroSlider .carousel-caption:focus { opacity: 0.75; -webkit-transition: opacity 0.20s ease-in; -moz-transition: opacity 0.20s ease-in; -o-transition: opacity 0.20s ease-in; transition: opacity 0.20s ease-in; } #heroSlider .carousel-navigation { margin-top: 10px; margin-left: 15px; line-height: 1; color: rgba(255,255,255,1); /* srmCustomize: fontColor (colorWhite) */ position: relative; float: right; } #heroSlider .carousel-navigation i { font-size: 2.2rem; } @media (min-width: 768px) { } @media (min-width: 992px) { #heroSlider .carousel-navigation-wrapper { position: absolute; right: 15px; bottom: 0px; } #heroSlider .carousel-navigation { margin-top: 20px; } } #heroSlider .carousel-item { width: 100%; height: auto; } #heroSlider { padding: 0px 15px; } #heroSlider .carousel-item img { opacity: 1 !important; } @media (min-width: 576px) { #heroSlider { padding: 0px; } .heroScreenGatternig { width: 540px; /* 980px */ } .heroScreenGatternig .carousel-item { height: 210px !important; /* 307.16px */ } .heroScreenGatternig.heroScreenGatternigLow .carousel-item { height: 170px !important; /* 307.16px */ } #heroSlider .carousel-item img { opacity: 0 !important; } } @media (min-width: 768px) { .heroScreenGatternig { width: 720px; /* 980px */ } .heroScreenGatternig .carousel-item { height: 260px !important; /* 307.16px */ } .heroScreenGatternig.heroScreenGatternigLow .carousel-item { height: 210px !important; /* 307.16px */ } } @media (min-width: 992px) { .heroScreenGatternig { width: 960px; /* 980px */ } .heroScreenGatternig .carousel-item { height: 300px !important; /* 307.16px */ } .heroScreenGatternig.heroScreenGatternigLow .carousel-item { height: 240px !important; /* 307.16px */ } } @media (min-width: 1200px) { .heroScreenGatternig { width: 1140px; /* 1160px */ } .heroScreenGatternig .carousel-item { height: 400px !important; /* 363.58px */ } .heroScreenGatternig.heroScreenGatternigLow .carousel-item { height: 300px !important; /* 363.58px */ } } @media (min-width: 1380px) { .heroScreenGatternig { width: 1140px; /* 1340px */ } .heroScreenGatternig .carousel-item { height: 400px !important; /* 420px */ } .heroScreenGatternig.heroScreenGatternigLow .carousel-item { height: 300px !important; /* 307.16px */ } } /*-------------------------------------------------------------- ## Simple Lightbox --------------------------------------------------------------*/ .sl-overlay { background: rgba(255,255,255,0.9); /* srmCustomize: backgroundColor (colorWhite) */ opacity: 1; } .sl-wrapper .sl-image .sl-caption, .sl-wrapper .sl-close, .sl-wrapper .sl-counter, .sl-wrapper .sl-navigation button, .sl-wrapper .sl-close:hover, .sl-wrapper .sl-navigation button:hover { color: rgba(0,177,244,1); /* srmCustomize: fontColor / hoverColor (colorPrimary) */ } .sl-wrapper .sl-close { font-size: 1rem; outline: none; } .sl-wrapper .sl-counter { font-size: 1.3rem; } .sl-wrapper .sl-navigation button.sl-next, .sl-wrapper .sl-navigation button.sl-prev { font-size: 2rem; outline: none; } .sl-wrapper .sl-image .sl-caption { padding: 5px 0 0 0; background: rgba(0, 0, 0, 0); height: 20px; bottom: -20px; left: 0; right: 0; text-align: center; font-size: 1.1rem; overflow: visible; } .sl-spinner { border: 5px solid rgba(0,177,244,1); /* srmCustomize: borderColor (colorPrimary) */ } .sl-wrapper a:focus { outline: 0; } a.simpleLightbox { overflow: hidden; } a.simpleLightbox img, a.simpleLightbox:visited img { opacity: 1 !important; -webkit-transition: opacity 0.20s ease-in; -moz-transition: opacity 0.20s ease-in; -o-transition: opacity 0.20s ease-in; transition: opacity 0.20s ease-in; } a.simpleLightbox:hover img, a.simpleLightbox:focus img { opacity: 0.75 !important; -webkit-transition: opacity 0.20s ease-in; -moz-transition: opacity 0.20s ease-in; -o-transition: opacity 0.20s ease-in; transition: opacity 0.20s ease-in; } /*-------------------------------------------------------------- # Plugin Compatibility --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Woocommerce --------------------------------------------------------------*/ .woocommerce-cart-form .shop_table .coupon .input-text { width: 8.313rem !important; } .variations_form .variations .value > select { margin-bottom: 0.625rem; } .woocommerce-MyAccount-content .col-1, .woocommerce-MyAccount-content .col-2 { max-width: 100%; } /*-------------------------------------------------------------- ## Elementor --------------------------------------------------------------*/ .elementor-page article .entry-footer { display: none; } .elementor-page.page-template-fullwidth #content.site-content { padding-bottom: 0; padding-top: 0; } .elementor-page .entry-content { margin-top: 0; } /*-------------------------------------------------------------- ## Visual Composer --------------------------------------------------------------*/ .vc_desktop article .entry-footer { display: none; } .vc_desktop #content.site-content { padding-bottom: 0; padding-top: 0; } .vc_desktop .entry-content { margin-top: 0; } /*-------------------------------------------------------------- # Footer --------------------------------------------------------------*/ footer#colophon { font-size: 100%; } body:not(.theme-preset-active) footer#colophon { color: rgba(36,41,46,1) /* srmCustomize: fontColor (colorDefault) */; background-color: white; } body:not(.theme-preset-active) footer#colophon .container { border-top: 2px solid rgba(0,177,244,1) /* srmCustomize: fontColor (colorDefault) */; } body:not(.theme-preset-active) footer#colophon a.credits { color: rgba(36,41,46,0.2); /* srmCustomize: fontColor / hoverColor (colorDefault) */ } body:not(.theme-preset-active) footer#colophon a:hover, body:not(.theme-preset-active) footer#colophon a:focus { color: rgba(36,41,46,0.5); /* srmCustomize: fontColor / hoverColor (colorDefault) */ } body:not(.theme-preset-active) footer#colophon .footer_nav { overflow: visible; width: 100%; } body:not(.theme-preset-active) footer#colophon .footer_nav ul.nav_menu { list-style:none; text-align: right; opacity: 1; float: right; margin: 0px; } body:not(.theme-preset-active) footer#colophon .footer_nav ul.nav_menu li { display: inline-block; position: relative; } body:not(.theme-preset-active) footer#colophon .footer_nav ul.nav_menu li > a, body:not(.theme-preset-active) footer#colophon .footer_nav ul.nav_menu li > a:visited { text-decoration: none; color: rgba(0,0,0,1); /* srmCustomize: fontColor (colorPrimary) */ font-weight: 300; padding: 10px 0 10px 15px; } body:not(.theme-preset-active) footer#colophon .footer_nav ul.nav_menu li > a:hover, body:not(.theme-preset-active) footer#colophon .footer_nav ul.nav_menu li > a:focus { text-decoration: none; color: rgba(0,0,0,0.5); /* srmCustomize: fontColor / hoverColor (colorPrimary) */ font-weight: 300; } body:not(.theme-preset-active) footer#colophon .footer_nav ul.nav_menu li.current-menu-item > a { text-decoration: none; color: rgba(0,0,0,1); /* srmCustomize: fontColor / hoverColor (colorPrimary) */ font-weight: 600; } .navbar-dark .site-info { color: #fff; } .copyright { font-size: 0.875rem; margin-bottom: 0; text-align: center; } .copyright a, footer#colophon a { color: inherit; } @media screen and (max-width: 767px) { footer#colophon { font-size: 100%; } #masthead .navbar-nav > li > a { padding-bottom: 0.938rem; padding-top: 0.938rem; } body:not(.theme-preset-active) footer#colophon .footer_nav ul.nav_menu { text-align: left; float: left; padding: 0; } body:not(.theme-preset-active) footer#colophon .footer_nav ul.nav_menu li { display: block; } body:not(.theme-preset-active) footer#colophon .footer_nav ul.nav_menu li > a, body:not(.theme-preset-active) footer#colophon .footer_nav ul.nav_menu li > a:visited { padding: 10px 0 10px 0; } } /*-------------------------------------------------------------- # Media Query --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Notebook --------------------------------------------------------------*/ @media only screen and (max-width: 1280px) { html { font-size: 95%; } } @media screen and (max-width: 1199px) { .navbar-dark .dropdown-item { color: #fff; } .navbar-nav .dropdown-menu { background: transparent; box-shadow: none; border: none; } } /*-------------------------------------------------------------- ## Netbook --------------------------------------------------------------*/ @media only screen and (max-width: 1024px) { html { font-size: 90%; } } /*-------------------------------------------------------------- ## iPad --------------------------------------------------------------*/ @media only screen and (max-width: 960px) { html { font-size: 85%; } } /*-------------------------------------------------------------- ## iPad --------------------------------------------------------------*/ @media only screen and (max-width: 768px) { html { font-size: 80%; } } /*-------------------------------------------------------------- ## iPad --------------------------------------------------------------*/ @media only screen and (max-width: 480px) { html { font-size: 75%; } } /*-------------------------------------------------------------- ## Paddings --------------------------------------------------------------*/ @media (max-width:575px) { .pb_default { padding-bottom: 25px; } .pb_xs { padding-bottom: 25px !important; } .pb_sm { padding-bottom: 0px; } .pb_md { padding-bottom: 0px; } .pb_lg { padding-bottom: 0px; } .pb_xl { padding-bottom: 0px; } } @media (min-width:576px) and (max-width:767px) { .pb_default { padding-bottom: 25px; } .pb_xs { padding-bottom: 0px; } .pb_sm { padding-bottom: 25px !important; } .pb_md { padding-bottom: 0px; } .pb_lg { padding-bottom: 0px; } .pb_xl { padding-bottom: 0px; } } @media (min-width:768px) and (max-width:991px) { .pb_default { padding-bottom: 25px; } .pb_xs { padding-bottom: 0px; } .pb_sm { padding-bottom: 0px; } .pb_md { padding-bottom: 25px !important; } .pb_lg { padding-bottom: 0px; } .pb_xl { padding-bottom: 0px; } } @media (min-width:992px) and (max-width:1199px){ .pb_default { padding-bottom: 25px; } .pb_xs { padding-bottom: 0px; } .pb_sm { padding-bottom: 0px; } .pb_md { padding-bottom: 0px; } .pb_lg { padding-bottom: 25px !important; } .pb_xl { padding-bottom: 0px; } } @media (min-width:1200px) { .pb_default { padding-bottom: 25px; } .pb_xs { padding-bottom: 0px; } .pb_sm { padding-bottom: 0px; } .pb_md { padding-bottom: 0px; } .pb_lg { padding-bottom: 0px; } .pb_xl { padding-bottom: 25px !important; } } .paddingLine hr { position: absolute; top: 50%; left: 15px; right: 15px; margin: 0px 0 0 0 !important; } @media (min-width:1200px) { .paddingLine-xl { padding-top: 0 !important; padding-bottom: 0 !important; } .paddingLine-xl hr { top: inherit; margin: 0px !important; } } @media (min-width:992px) and (max-width:1199px) { .paddingLine-lg { padding-top: 0 !important; padding-bottom: 0 !important; } .paddingLine-lg hr { top: inherit; margin: 0px !important; } } @media (min-width:768px) and (max-width:991px) { .paddingLine-md { padding-top: 0 !important; padding-bottom: 0 !important; } .paddingLine-md hr { top: inherit; margin: 0px !important; } } @media (min-width:576px) and (max-width:767px) { .paddingLine-sm { padding-top: 0 !important; padding-bottom: 0 !important; } .paddingLine-sm hr { top: inherit; margin: 0px !important; } } @media (max-width:575px) { .paddingLine-xs { padding-top: 0 !important; padding-bottom: 0 !important; } .paddingLine-xs hr { top: inherit; margin: 0px !important; } } .paddingLineNone hr { display: none; } .paddingLineMiddle hr { bottom: 50%; } .paddingLineGrey hr { border-color: rgba(36,41,46,0.15); /* srmCustomize: borderColor (colorDefault) */ } .dark-mode .paddingLineGrey hr { border-color: rgba(255,255,255,0.4); } .paddingLineGreyDark hr { border-color: rgba(153,153,153,1); /* srmCustomize: borderColor (colorSecondary) */ } .dark-mode .paddingLineGreyDark hr { border-color: rgba(255,255,255,0.65); } .paddingLinePrimary hr { border-color: rgba(0,177,244,1); /* srmCustomize: borderColor (colorPrimary) */ } .dark-mode .paddingLinePrimary hr, .paddingLineWhite hr { border-color: rgba(255,255,255,1); } .paddingLineSolid hr { border-style: solid; } .paddingLineDashed hr { border-style: dashed; } .paddingLineDotted hr { border-style: dotted; } .pb_0 {padding-bottom: 0px;} .pb_5 {padding-bottom: 5px;} .pb_10 {padding-bottom: 10px;} .pb_15 {padding-bottom: 15px;} .pb_20 {padding-bottom: 20px;} .pb_25 {padding-bottom: 25px;} .pb_30 {padding-bottom: 30px;} .pb_50 {padding-bottom: 50px;} .pb_75 {padding-bottom: 75px;} .pb_100 {padding-bottom: 100px;} .pb_125 {padding-bottom: 125px;} .pb_150 {padding-bottom: 150px;} .pb_175 {padding-bottom: 175px;} .pb_200 {padding-bottom: 200px;} .pb_225 {padding-bottom: 225px;} .pb_250 {padding-bottom: 250px;} .pb_275 {padding-bottom: 275px;} .pb_300 {padding-bottom: 300px;} .pt_0 {padding-top: 0px;} .pt_5 {padding-top: 5px;} .pt_10 {padding-top: 10px;} .pt_15 {padding-top: 15px;} .pt_20 {padding-top: 20px;} .pt_25 {padding-top: 25px;} .pt_30 {padding-top: 30px;} .pt_50 {padding-top: 50px;} .pt_75 {padding-top: 75px;} .pt_100 {padding-top: 100px;} .pt_125 {padding-top: 125px;} .pt_150 {padding-top: 150px;} .pt_175 {padding-top: 175px;} .pt_200 {padding-top: 200px;} .pt_225 {padding-top: 225px;} .pt_250 {padding-top: 250px;} .pt_275 {padding-top: 275px;} .pt_300 {padding-top: 300px;} /*-------------------------------------------------------------- ## Anchor Tag Offset --------------------------------------------------------------*/ .content_block a[id]::before { content: ''; display: block; height: 150px; margin-top: -150px; visibility: hidden; } /*-------------------------------------------------------------- ## Post Pages (Archive/Index) / Pagination --------------------------------------------------------------*/ .pagination .disabled, .pagination .current, .pagination span.page-link { pointer-events: none; } .pagination li a { color: rgba(36,41,46,1); /* srmCustomize: fontColor (colorDefault) */ } .pagination .disabled .page-link { color: rgba(36,41,46,0.25); /* srmCustomize: fontColor (colorDefault) */ } .pagination li a:focus, .pagination li a:hover { color: white; background-color: rgba(0,0,0,0.75); /* srmCustomize: backgroundColor (colorPrimary) */ border-color: rgba(0,0,0,0.75); /* srmCustomize: borderColor (colorPrimary) */ } .pagination .current { color: white; background-color: rgba(0,0,0,1); /* srmCustomize: backgroundColor (colorPrimary) */ border: solid 1px rgba(0,0,0,1); /* srmCustomize: borderColor (colorPrimary) */ } /*-------------------------------------------------------------- ## Default Blocks --------------------------------------------------------------*/ .blockWrapper { position: relative; float: left; display: block; width: 100%; } .blockShadow, .blockShadow:visited { -webkit-box-shadow: 0 0.25rem 0.5rem rgba(0,0,0,.15)!important; box-shadow: 0 0.25rem 0.5rem rgba(0,0,0,.15)!important; height: 100%; -webkit-transition: all 0.20s ease-in; -moz-transition: all 0.20s ease-in; -o-transition: all 0.20s ease-in; transition: all 0.20s ease-in; } .blockShadow:hover, .blockShadow:focus { -webkit-box-shadow: 0 0.5rem 1rem rgba(0,0,0,.20)!important; box-shadow: 0 0.5rem 1rem rgba(0,0,0,.20)!important; height: 100%; -webkit-transition: all 0.20s ease-in; -moz-transition: all 0.20s ease-in; -o-transition: all 0.20s ease-in; transition: all 0.20s ease-in; } .blockBgWhite { height: 100%; background: #ffffff; } .blockBgGrey { height: 100%; background: #f4f4f4; /* srmCustomize: backgroundColor (colorGrey) */ } .blockBgPrimary { height: 100%; background: rgba(0,177,244,1); /* srmCustomize: backgroundColor (colorPrimary) */ } .blockBgNone { height: 100%; background: transparent; } /*-------------------------------------------------------------- ## Contact Forms --------------------------------------------------------------*/ .contactForm .firstnameError, .contactForm .lastnameError, .contactForm .emailError, .contactForm .messageError, .contactForm .privacyError, .contactForm .g-recaptchaError { display: none; } .contactForm.firstnameErr .firstnameError, .contactForm.lastnameErr .lastnameError, .contactForm.emailErr .emailError, .contactForm.messageErr .messageError, .contactForm.privacyErr .privacyError, .contactForm.g-recaptchaErr .g-recaptchaError { display: block; } .contactForm .contactFormError { color: #ff0000 !important; } .contactForm .reCaptchaSetupError { padding: 15px; border: 1px solid #ff0000; text-align: center; } .contactForm.firstnameErr .firstname, .contactForm.lastnameErr .lastname, .contactForm.emailErr .email, .contactForm.messageErr .message { border: 1px solid #ff0000; } a.contactFormTop { display: block; position: relative; top: -100px; visibility: hidden; } /*-------------------------------------------------------------- ## Post Boxes (News, Blogs, etc.) --------------------------------------------------------------*/ .postBlock.postStickyTrue.postStickyHighlight:not(.blockBgNone), .postBlock.postStickyTrue.postStickyHighlight.blockBgNone.blockLayout2 { border: 1px solid rgba(0,177,244,1); /* srmCustomize: borderColor (colorPrimary) */; } /* --- customize sticky posts with no background set (border is not an option) ---*/ .xxx.postBlock.postStickyTrue.postStickyHighlight.blockBgNone:not(.blockLayout2) { border: 1px solid rgba(0,177,244,1); /* srmCustomize: borderColor (colorPrimary) */; padding: 0 20px 15px 20px; } .postBlock .postImageWrapper { position: relative; display: block; padding: 56.25% 0 0 0; background: #ffffff; } .postBlock.blockLayout4 .postImageWrapper { display: none; } .postBlock .postImage { position: absolute; display: block !important; z-index: 0; top: 0px; bottom: 0px; left: 0px; right: 0px; } .postBlock .postImageEmpty { background-color: rgba(0,177,244,0.2) !important; /* srmCustomize: backgroundColor (colorPrimary) */ } .postBlock .postImageOverlay { position: absolute; z-index: 1; top: 0px; bottom: 0px; left: 0px; right: 0px; } .postBlock.blockLayout2.showImageOverlayLight .postImageOverlay, .postBlock.blockLayout2.showImageOverlayLight a .postImageOverlay, .postBlock.blockLayout2.showImageOverlayLight a:visited .postImageOverlay { opacity: 0.75; background: rgba(255,255,255,1); /* srmCustomize: backgroundColor (black gradient) */ background: -moz-linear-gradient(0deg, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0) 40%); background: -webkit-linear-gradient(0deg, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0) 40%); background: linear-gradient(0deg, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0) 40%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1); -webkit-transition: opacity 0.20s ease-in; -moz-transition: opacity 0.20s ease-in; -o-transition: opacity 0.20s ease-in; transition: opacity 0.20s ease-in; } .postBlock.blockLayout2.showImageOverlayLight a:hover .postImageOverlay, .postBlock.blockLayout2.showImageOverlayLight a:focus .postImageOverlay { opacity: 1; -webkit-transition: opacity 0.20s ease-in; -moz-transition: opacity 0.20s ease-in; -o-transition: opacity 0.20s ease-in; transition: opacity 0.20s ease-in; } .postBlock.blockLayout2.showImageOverlayDark .postImageOverlay, .postBlock.blockLayout2.showImageOverlayDark a .postImageOverlay, .postBlock.blockLayout2.showImageOverlayDark a:visited .postImageOverlay { opacity: 0.75; background: rgba(0,0,0,1); /* srmCustomize: backgroundColor (black gradient) */ background: -moz-linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 35%); background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 35%); background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 35%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); -webkit-transition: opacity 0.20s ease-in; -moz-transition: opacity 0.20s ease-in; -o-transition: opacity 0.20s ease-in; transition: opacity 0.20s ease-in; } .postBlock.blockLayout2.showImageOverlayDark a:hover .postImageOverlay, .postBlock.blockLayout2.showImageOverlayDark a:focus .postImageOverlay { opacity: 1; -webkit-transition: opacity 0.20s ease-in; -moz-transition: opacity 0.20s ease-in; -o-transition: opacity 0.20s ease-in; transition: opacity 0.20s ease-in; } .postBlock:not(.showImageOverlayDark):not(.showImageOverlayLight) a .postImage, .postBlock:not(.showImageOverlayDark):not(.showImageOverlayLight) a:visited .postImage { opacity: 1; -webkit-transition: opacity 0.20s ease-in; -moz-transition: opacity 0.20s ease-in; -o-transition: opacity 0.20s ease-in; transition: opacity 0.20s ease-in; } .postBlock:not(.showImageOverlayDark):not(.showImageOverlayLight) a:hover .postImage, .postBlock:not(.showImageOverlayDark):not(.showImageOverlayLight) a:focus .postImage { opacity: 0.75; -webkit-transition: opacity 0.20s ease-in; -moz-transition: opacity 0.20s ease-in; -o-transition: opacity 0.20s ease-in; transition: opacity 0.20s ease-in; } .postBlock .postTitleOverlay, .postBlock .postDate, .postBlock .postCategories, .postBlock .postTitle, .postBlock .postExcerpt, .postBlock .postReadMore { display: none; padding-top: 10px; } .postBlock .postDateEvents { display: none; } .postBlock.blockBg .postContent { padding: 10px 25px 25px 25px; } .postBlock.blockBg.blockBgNone:not(.blockShadow) .postContent { padding: 10px 0px 25px 0px; } .postBlock.blockBg.blockBgNone.blockLayout4:not(.blockShadow) .postContent { padding: 0px 0px 0px 0px; } .postBlock.blockLayout2 .postContent { display: none; } .postBlock.blockLayout1 .postDate { display: inline-block; /* srmCustomize: date visibility (inline-block/none) */ font-size: 1rem; /* srmCustomize: fontSize */ } .postBlock.blockLayout1 .postCategories { display: inline-block; /* srmCustomize: categories visibility (inline-block/none) */ font-size: 1rem; /* srmCustomize: fontSize */ } .postBlock.blockLayout1 .postTitle { display: block; /* srmCustomize: title visibility (block/none) */ font-weight: 600; /* srmCustomize: fontWeight */ } .postBlock.blockLayout1 .postDateEvents { display: block; /* srmCustomize: title visibility (block/none) */ font-weight: 300; /* srmCustomize: fontWeight */ } .postBlock.blockLayout1 .postExcerpt { display: block; /* srmCustomize: excerpt visibility (block/none) */ font-size: 1rem; /* srmCustomize: fontSize */ } .postBlock.blockLayout1 .postReadMore { display: block; /* srmCustomize: show-more visibility (block/none) */ font-size: 1rem; /* srmCustomize: fontSize */ font-weight: 600; /* srmCustomize: fontWeight */ } .postBlock.blockLayout2 .postTitleOverlay { font-weight: 600; /* srmCustomize: fontWeight */ font-size: 90% !important; /* srmCustomize: fontSize */ } .postBlock.blockLayout3 .postDate { display: inline-block; /* srmCustomize: date visibility (inline-block/none) */ font-size: 1rem; /* srmCustomize: fontSize */ } .postBlock.blockLayout3 .postCategories { display: inline-block; /* srmCustomize: show-more visibility (inline-block/none) */ font-size: 1rem; /* srmCustomize: fontSize */ } .postBlock.blockLayout3 .postTitle { display: block; /* srmCustomize: title visibility (block/none) */ font-weight: 600; /* srmCustomize: fontWeight */ } .postBlock.blockLayout3 .postDateEvents { display: block; /* srmCustomize: title visibility (block/none) */ font-weight: 300; /* srmCustomize: fontWeight */ } .postBlock.blockLayout3 .postExcerpt { display: block; /* srmCustomize: excerpt visibility (block/none) */ font-size: 1rem; /* srmCustomize: fontSize */ } .postBlock.blockLayout3 .postReadMore { display: block; /* srmCustomize: show-more visibility (block/none) */ font-size: 1rem; /* srmCustomize: fontSize */ font-weight: 600; /* srmCustomize: fontWeight */ } .postBlock.blockLayout4 .postDate { display: inline-block; /* srmCustomize: date visibility (inline-block/none) */ font-size: 1rem; /* srmCustomize: fontSize */ } .postBlock.blockLayout4 .postCategories { display: inline-block; /* srmCustomize: show-more visibility (inline-block/none) */ font-size: 1rem; /* srmCustomize: fontSize */ } .postBlock.blockLayout4 .postTitle { display: block; /* srmCustomize: title visibility (block/none) */ font-weight: 600; /* srmCustomize: fontWeight */ } .postBlock.blockLayout4 .postDateEvents { display: block; /* srmCustomize: title visibility (block/none) */ font-weight: 300; /* srmCustomize: fontWeight */ } .postBlock.blockLayout4 .postExcerpt { display: block; /* srmCustomize: excerpt visibility (block/none) */ font-size: 1rem; /* srmCustomize: fontSize */ } .postBlock.blockLayout4 .postReadMore { display: block; /* srmCustomize: show-more visibility (block/none) */ font-size: 1rem; /* srmCustomize: fontSize */ font-weight: 600; /* srmCustomize: fontWeight */ } .postBlock.blockLayout2 .postTitleOverlay { display: inline; position: absolute; bottom: 15px; left: 10px; margin-right: 15px; z-index: 2; font-size: 140%; /* srmCustomize: fontSize (100% = body/p) */ } .postBlock.blockLayout2.showImageOverlayLight .postTitleOverlay { color: rgba(36,41,46,1); /* srmCustomize: fontColor (colorDefault) */ } .postBlock.blockLayout2.showImageOverlayDark .postTitleOverlay { color: rgba(255,255,255,1); /* srmCustomize: fontColor (colorWhite) */ } .postBlock.blockLayout2.showTitleBar .postTitleOverlay span { padding: 1px 5px 2px 0; width: auto; display:inline; line-height: 1.5; white-space:pre-wrap; } .postBlock.blockLayout2.showTitleBar.blockBgNone .postTitleOverlay span { background: rgba(255,255,255,0); /* srmCustomize: backgroundColor (colorWhite) */ color: rgba(36,41,46,1); /* srmCustomize: fontColor (colorDefault) */ box-shadow: -10px 0 0 rgba(255,255,255,0); /* srmCustomize: shadowColor (colorWhite) */ } .postBlock.blockLayout2.showTitleBar.blockBgWhite .postTitleOverlay span { background: rgba(255,255,255,1); /* srmCustomize: backgroundColor (colorWhite) */ color: rgba(36,41,46,1); /* srmCustomize: fontColor (colorDefault) */ box-shadow: -10px 0 0 rgba(255,255,255,1); /* srmCustomize: shadowColor (colorWhite) */ } .postBlock.blockLayout2.showTitleBar.blockBgGrey .postTitleOverlay span { background: rgba(244,244,244,1); /* srmCustomize: backgroundColor (colorGray) */ color: rgba(36,41,46,1); /* srmCustomize: fontColor (colorDefault) */ box-shadow: -10px 0 0 rgba(244,244,244,1); /* srmCustomize: shadowColor (colorGray) */ } .postBlock.blockLayout2.showTitleBar.blockBgPrimary .postTitleOverlay span { background: rgba(0,177,244,1); /* srmCustomize: backgroundColor (colorPrimary) */ color: rgba(255,255,255,1); /* srmCustomize: fontColor (colorWhite) */ box-shadow: -10px 0 0 rgba(0,177,244,1); /* srmCustomize: shadowColor (colorPrimary) */ } .postBlock.blockLayout1.blockBgPrimary .postText, .dark-mode .postBlock.blockLayout1:not(.blockBgWhite):not(.blockBgGrey) .postText, .postBlock.blockLayout3.blockBgPrimary .postText, .dark-mode .postBlock.blockLayout3:not(.blockBgWhite):not(.blockBgGrey) .postText, .postBlock.blockLayout4.blockBgPrimary .postText, .dark-mode .postBlock.blockLayout4:not(.blockBgWhite):not(.blockBgGrey) .postText { color: rgba(255,255,255,1); /* srmCustomize: fontColor (colorWhite / dark mode) (srmCustomCheck) */ } @media (min-width: 576px) { .postBlock.blockLayout3 .postImageWrapper { padding: 0px; width: 25%; } .postBlock.blockLayout3 .postImage { padding: 56.25% 0 0 0 !important; width: 100%; position: relative !important; float: left; display: block; } .postBlock.blockLayout3 .postContent { margin-top: -15px; position: relative; float: left; width: 75%; padding: 0 0 0 25px !important; } .postBlock.blockLayout3.blockBgGrey, .postBlock.blockLayout3.blockBgWhite, .postBlock.blockLayout3.blockBgPrimary, .postBlock.blockLayout3.blockShadow { padding: 25px; } } @media (min-width: 768px) { } @media screen and (min-width: 992px) { .postBlock.blockLayout1 .postTitle { min-height: 65px; } .postBlock.blockLayout2 .postTitleOverlay { font-size: inherit; } } @media (min-width: 1200px) { } /*-------------------------------------------------------------- ## Team Boxes --------------------------------------------------------------*/ .no-gutters.no-gutters-team>.col, .no-gutters.no-gutters-team>[class*=col-] { padding-right: 1px; padding-left: 0; } .teamImageWrapper { position: relative; display: block; padding: 56.25% 0 0 0; background: #ffffff; } .teamImage { position: absolute; z-index: 0; top: 0px; bottom: 0px; left: 0px; right: 0px; } .teamImageOverlay { position: absolute; z-index: 1; top: 0px; bottom: 0px; left: 0px; right: 0px; } .teamBlock.teamView2.showImageOverlayLight .teamImageOverlay, .teamBlock.teamView2.showImageOverlayLight a .teamImageOverlay, .teamBlock.teamView2.showImageOverlayLight a:visited .teamImageOverlay { opacity: 0.75; background: rgba(255,255,255,1); /* srmCustomize: backgroundColor (black gradient) */ background: -moz-linear-gradient(0deg, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0) 40%); background: -webkit-linear-gradient(0deg, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0) 40%); background: linear-gradient(0deg, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0) 40%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1); -webkit-transition: opacity 0.20s ease-in; -moz-transition: opacity 0.20s ease-in; -o-transition: opacity 0.20s ease-in; transition: opacity 0.20s ease-in; } .teamBlock.teamView2.showImageOverlayLight a:hover .teamImageOverlay, .teamBlock.teamView2.showImageOverlayLight a:focus .teamImageOverlay { opacity: 1; -webkit-transition: opacity 0.20s ease-in; -moz-transition: opacity 0.20s ease-in; -o-transition: opacity 0.20s ease-in; transition: opacity 0.20s ease-in; } .teamBlock.teamView2.showImageOverlayDark .teamImageOverlay, .teamBlock.teamView2.showImageOverlayDark a .teamImageOverlay, .teamBlock.teamView2.showImageOverlayDark a:visited .teamImageOverlay { opacity: 0.75; background: rgba(0,0,0,1); /* srmCustomize: backgroundColor (black gradient) */ background: -moz-linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 35%); background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 35%); background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 35%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); -webkit-transition: opacity 0.20s ease-in; -moz-transition: opacity 0.20s ease-in; -o-transition: opacity 0.20s ease-in; transition: opacity 0.20s ease-in; } .teamBlock.teamView2.showImageOverlayDark a:hover .teamImageOverlay, .teamBlock.teamView2.showImageOverlayDark a:focus .teamImageOverlay { opacity: 1; background: rgba(0,177,244,1); /* srmCustomize: backgroundColor (black gradient) */ background: -moz-linear-gradient(0deg, rgba(0,177,244,0.85) 0%, rgba(0,177,244,0.25) 100%); background: -webkit-linear-gradient(0deg, rgba(0,177,244,0.85) 0%, rgba(0,177,244,0.25) 100%); background: linear-gradient(0deg, rgba(0,177,244,0.85) 0%, rgba(0,177,244,0.25) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00b1f4",endColorstr="#00b1f4",GradientType=1); -webkit-transition: opacity 0.20s ease-in; -moz-transition: opacity 0.20s ease-in; -o-transition: opacity 0.20s ease-in; transition: opacity 0.20s ease-in; } .teamBlock:not(.showImageOverlayDark):not(.showImageOverlayLight) a .teamImage, .teamBlock:not(.showImageOverlayDark):not(.showImageOverlayLight) a:visited .teamImage { opacity: 1; -webkit-transition: opacity 0.20s ease-in; -moz-transition: opacity 0.20s ease-in; -o-transition: opacity 0.20s ease-in; transition: opacity 0.20s ease-in; } .teamBlock:not(.showImageOverlayDark):not(.showImageOverlayLight) a:hover .teamImage, .teamBlock:not(.showImageOverlayDark):not(.showImageOverlayLight) a:focus .teamImage { opacity: 0.75; -webkit-transition: opacity 0.20s ease-in; -moz-transition: opacity 0.20s ease-in; -o-transition: opacity 0.20s ease-in; transition: opacity 0.20s ease-in; } .teamBlock.teamView1 .teamTitleOverlay, .teamBlock.teamView1 .teamTitle, .teamBlock.teamView2 .teamTitleOverlay, .teamBlock.teamView2 .teamTitle { display: none; padding-top: 15px; } .teamBlock.teamView1 .teamContent { padding: 0 15px 15px 15px; text-align: center; } .teamBlock.teamView1.showTitle .teamTitle { display: block; font-size: 150%; /* srmCustomize: fontSize (100% = body/p) */ } .teamBlock.teamView2 .teamTitleOverlay { display: inline; position: absolute; bottom: 5px; left: 15px; z-index: 2; font-size: 140%; /* srmCustomize: fontSize (100% = body/p) */ /* srmCustomize: center position > add text-align: center; right: 10px; */ } .teamBlock.teamView2:not(.showTitleBar) .teamTitleOverlay { text-align: left; right: 10px; } .teamBlock.teamView2.showImageOverlayDark .teamTitleOverlay { color: rgba(255,255,255,1); /* srmCustomize: fontColor (colorWhite) */ } .teamBlock.teamView2.showImageOverlayLight .teamTitleOverlay { color: rgba(0,0,0,1); /* srmCustomize: fontColor (colorDefault) */ } .teamBlock.teamView2.showTitleBar .teamTitleOverlay span { padding: 1px 5px 2px 0; width: auto; display:inline; line-height: 1.5; white-space:pre-wrap; } .teamBlock span { font-weight: 600; } .teamBlock.teamView2.showTitleBar.blockBg .teamTitleOverlay span { background: rgba(255,255,255,0); /* srmCustomize: backgroundColor (colorWhite) */ color: rgba(36,41,46,1); /* srmCustomize: fontColor (colorDefault) */ box-shadow: -10px 0 0 rgba(255,255,255,0); /* srmCustomize: shadowColor (colorWhite) */ } .teamBlock.teamView2.showTitleBar.blockBgWhite .teamTitleOverlay span { background: rgba(255,255,255,1); /* srmCustomize: backgroundColor (colorWhite) */ color: rgba(36,41,46,1); /* srmCustomize: fontColor (colorDefault) */ box-shadow: -10px 0 0 rgba(255,255,255,1); /* srmCustomize: shadowColor (colorWhite) */ } .teamBlock.teamView2.showTitleBar.blockBgGrey .teamTitleOverlay span { background: rgba(244,244,244,1); /* srmCustomize: backgroundColor (colorGray) */ color: rgba(36,41,46,1); /* srmCustomize: fontColor (colorDefault) */ box-shadow: -10px 0 0 rgba(244,244,244,1); /* srmCustomize: shadowColor (colorGray) */ } .teamBlock.teamView2.showTitleBar.blockBgPrimary .teamTitleOverlay span { background: rgba(0,177,244,1); /* srmCustomize: backgroundColor (colorPrimary) */ color: rgba(255,255,255,1); /* srmCustomize: fontColor (colorWhite) */ box-shadow: -10px 0 0 rgba(0,177,244,1); /* srmCustomize: shadowColor (colorPrimary) */ } .teamBlock.teamView1.blockBgPrimary .teamTitle, .dark-mode .teamBlock.teamView1:not(.blockBgWhite):not(.blockBgGrey) .teamTitle { color: rgba(255,255,255,1); /* srmCustomize: fontColor (colorWhite / dark mode) */ } .dark-mode .teamBlock.teamView1.blockBgWhite .teamTitle, .dark-mode .teamBlock.teamView1.blockBgGrey .teamTitle { color: rgba(0,0,0,1); /* srmCustomize: fontColor (colorWhite / dark mode) */ } @media (min-width: 576px) { } @media (min-width: 768px) { } @media (min-width: 992px) { .teamBlock.teamView1.showTitle .teamTitle { font-size: 100%; /* srmCustomize: fontSize (100% = body/p) */ } .teamBlock.teamView2 .teamTitleOverlay { font-size: 100%; /* srmCustomize: fontSize (100% = body/p) */ } } @media (min-width: 1200px) { } /*-------------------------------------------------------------- ## LogoGrid --------------------------------------------------------------*/ .logoGridImage { padding: 56.25% 0 0 0; } .logoGridBgWhite .logoGridImageBg { background: rgba(255,255,255,1.00); } .logoGridBox .logoGridImage, .logoGridBox:visited .logoGridImage { opacity: 1; -webkit-transition: all 0.20s ease-in; -moz-transition: all 0.20s ease-in; -o-transition: all 0.20s ease-in; transition: all 0.20s ease-in; } .logoGridBox:hover .logoGridImage, .logoGridBox:focus .logoGridImage { opacity: 0.75; -webkit-transition: all 0.20s ease-in; -moz-transition: all 0.20s ease-in; -o-transition: all 0.20s ease-in; transition: all 0.20s ease-in; } .logoGridBox.logoGridBorderGrey .logoGridImageBg, .logoGridBox.logoGridBorderGrey:visited .logoGridImageBg { border: 1px solid rgba(244,244,244,1.00); /* srmCustomize: borderColor (colorGrey) */ -webkit-transition: all 0.20s ease-in; -moz-transition: all 0.20s ease-in; -o-transition: all 0.20s ease-in; transition: all 0.20s ease-in; } .logoGridBox.logoGridBorderGrey:hover .logoGridImageBg, .logoGridBox.logoGridBorderGrey:focus .logoGridImageBg { border: 1px solid rgba(244,244,244,0.75); /* srmCustomize: borderColor (colorGrey) */ -webkit-transition: all 0.20s ease-in; -moz-transition: all 0.20s ease-in; -o-transition: all 0.20s ease-in; transition: all 0.20s ease-in; } .logoGridBox.logoGridBorderPrimary .logoGridImageBg, .logoGridBox.logoGridBorderPrimary:visited .logoGridImageBg { border: 1px solid rgba(0,177,244,1); /* srmCustomize: borderColor (colorPrimary) */ -webkit-transition: all 0.20s ease-in; -moz-transition: all 0.20s ease-in; -o-transition: all 0.20s ease-in; transition: all 0.20s ease-in; } .logoGridBox.logoGridBorderPrimary:hover .logoGridImageBg, .logoGridBox.logoGridBorderPrimary:focus .logoGridImageBg { border: 1px solid rgba(0,177,244,0.6); /* srmCustomize: borderColor (colorPrimary) */ -webkit-transition: all 0.20s ease-in; -moz-transition: all 0.20s ease-in; -o-transition: all 0.20s ease-in; transition: all 0.20s ease-in; } .logoGridBox.logoGridShadow .logoGridImageBg, .logoGridBox.logoGridShadow:visited .logoGridImageBg { -webkit-box-shadow: 0px 0px 6px 0px #999999; box-shadow: 0px 0px 6px 0px #999999; -webkit-transition: all 0.20s ease-in; -moz-transition: all 0.20s ease-in; -o-transition: all 0.20s ease-in; transition: all 0.20s ease-in; } .logoGridBox.logoGridShadow:hover .logoGridImageBg, .logoGridBox.logoGridShadow:focus .logoGridImageBg { -webkit-box-shadow: 0px 0px 3px 0px #999999; box-shadow: 0px 0px 3px 0px #999999; -webkit-transition: all 0.20s ease-in; -moz-transition: all 0.20s ease-in; -o-transition: all 0.20s ease-in; transition: all 0.20s ease-in; } .logoGridBox .logoGridTitle { padding: 10px 0px 0px 0px; line-height: 1.1; text-align: left; font-size: 150%; /* srmCustomize: fontSize (100% = body/p) */ } .dark-mode .logoGridBox .logoGridTitle { color: rgba(255,255,255,1); /* srmCustomize: fontColor (colorWhite / dark mode) */ } .logoGridBox .logoGridTitle, .logoGridBox:visited .logoGridTitle { opacity: 1; -webkit-transition: all 0.20s ease-in; -moz-transition: all 0.20s ease-in; -o-transition: all 0.20s ease-in; transition: all 0.20s ease-in; } .logoGridBox:hover .logoGridTitle, .logoGridBox:focus .logoGridTitle { opacity: 0.75; -webkit-transition: all 0.20s ease-in; -moz-transition: all 0.20s ease-in; -o-transition: all 0.20s ease-in; transition: all 0.20s ease-in; } @media (min-width: 576px) { } @media (min-width: 768px) { .logoGridBox .logoGridTitle { font-size: 100%; /* srmCustomize: fontSize (100% = body/p) */ } } @media (min-width: 992px) { } @media (min-width: 1200px) { } /*-------------------------------------------------------------- ## Bootstrap primary & secondary color overrides --------------------------------------------------------------*/ .btn, .btn:visited { -webkit-transition: all 0.20s ease-in; -moz-transition: all 0.20s ease-in; -o-transition: all 0.20s ease-in; transition: all 0.20s ease-in; } .btn:hover, .btn:focus { -webkit-transition: all 0.20s ease-in; -moz-transition: all 0.20s ease-in; -o-transition: all 0.20s ease-in; transition: all 0.20s ease-in; } .btn:active { box-shadow: 0 0 0 0.2rem rgba(0,0,0,0.2) !important; } .btn-primary, .btn-primary:visited { background-color: rgba(0,177,244,1) !important; /* srmCustomize: backgroundColor (colorPrimary) */ border-color: rgba(0,177,244,1) !important; /* srmCustomize: borderColor (colorPrimary) */ } .btn-primary:hover, .btn-primary:focus { background-color: rgba(0,177,244,0.75) !important; /* srmCustomize: backgroundColor / hoverColor (colorPrimary) */ border-color: rgba(0,177,244,0.75) !important; /* srmCustomize: borderColor / hoverColor (colorPrimary) */ } .btn-outline-primary, .btn-outline-primary:visited { color: rgba(0,177,244,1) !important; /* srmCustomize: fontColor (colorPrimary) */ border-color: rgba(0,177,244,1) !important; /* srmCustomize: borderColor (colorPrimary) */ } .btn-outline-primary:hover, .btn-outline-primary:focus { color: rgba(255,255,255,1) !important; /* srmCustomize: fontColor / hoverColor (colorWhite) */ background-color: rgba(0,177,244,0.75) !important; /* srmCustomize: backgroundColor / hoverColor (colorPrimary) */ border-color: rgba(0,177,244,0.75) !important; /* srmCustomize: borderColor / hoverColor (colorPrimary) */ } .btn-primary:focus, .btn-outline-primary:focus { box-shadow: 0 0 0 0.2rem rgba(0,177,244,0.2) !important; /* srmCustomize: shadowColor (colorPrimary) */ } .btn-secondary, .btn-secondary:visited { background-color: rgba(153,153,153,1) !important; /* srmCustomize: backgroundColor (colorSecondary) */ border-color: rgba(153,153,153,1) !important; /* srmCustomize: borderColor (colorSecondary) */ } .btn-secondary:hover, .btn-secondary:focus { background-color: rgba(153,153,153,0.75) !important; /* srmCustomize: backgroundColor / hoverColor (colorSecondary) */ border-color: rgba(153,153,153,0.75) !important; /* srmCustomize: borderColor / hoverColor (colorSecondary) */ } .btn-outline-secondary, .btn-outline-secondary:visited { color: rgba(153,153,153,1) !important; /* srmCustomize: fontColor (colorSecondary) */ border-color: rgba(153,153,153,1) !important; /* srmCustomize: borderColor (colorSecondary) */ } .btn-outline-secondary:hover, .btn-outline-secondary:focus { color: rgba(255,255,255,1) !important; /* srmCustomize: fontColor (colorSecondary) */ background-color: rgba(153,153,153,0.75) !important; /* srmCustomize: backgroundColor / hoverColor (colorSecondary) */ border-color: rgba(153,153,153,0.75) !important; /* srmCustomize: borderColor / hoverColor (colorSecondary) */ } .btn-secondary:focus, .btn-outline-secondary:focus { box-shadow: 0 0 0 0.2rem rgba(153,153,153,0.2) !important; /* srmCustomize: shadowColor (colorSecondary) */ } .btn-light, .btn-light:visited { color: rgba(36,41,46,1) !important; /* srmCustomize: fontColor (colorDefault) */ background-color: rgba(228,228,228,1) !important; /* srmCustomize: backgroundColor (colorSecondary) */ border-color: rgba(228,228,228,1) !important; /* srmCustomize: borderColor (colorSecondary) */ } .btn-light:hover, .btn-light:focus { background-color: rgba(228,228,228,0.75) !important; /* srmCustomize: backgroundColor / hoverColor (colorSecondary) */ border-color: rgba(228,228,228,0.75) !important; /* srmCustomize: borderColor / hoverColor (colorSecondary) */ } .btn-outline-light, .btn-outline-light:visited { color: rgba(36,41,46,1) !important; /* srmCustomize: fontColor (colorDefault) */ border-color: rgba(228,228,228,1) !important; /* srmCustomize: borderColor (colorSecondary) */ } .btn-outline-light:hover, .btn-outline-light:focus { background-color: rgba(228,228,228,0.75) !important; /* srmCustomize: backgroundColor / hoverColor (colorSecondary) */ border-color: rgba(228,228,228,0.75) !important; /* srmCustomize: borderColor / hoverColor (colorSecondary) */ } .btn-dark, .btn-dark:visited { color: rgba(228,228,228,1) !important; /* srmCustomize: fontColor (colorSecondary) */ background-color: rgba(36,41,46,1) !important; /* srmCustomize: backgroundColor (colorDefault) */ border-color: rgba(36,41,46,1) !important; /* srmCustomize: borderColor (colorDefault) */ } .btn-dark:hover, .btn-dark:focus { background-color: rgba(36,41,46,0.75) !important; /* srmCustomize: backgroundColor / hoverColor (colorDefault) */ border-color: rgba(36,41,46,0.75) !important; /* srmCustomize: borderColor / hoverColor (colorDefault) */ } .btn-outline-dark, .btn-outline-dark:visited { color: rgba(36,41,46,1) !important; /* srmCustomize: fontColor (colorDefault) */ border-color: rgba(36,41,46,1) !important; /* srmCustomize: borderColor (colorDefault) */ } .btn-outline-dark:hover, .btn-outline-dark:focus { color: rgba(228,228,228,1) !important; /* srmCustomize: fontColor (colorSecondary) */ background-color: rgba(36,41,46,0.75) !important; /* srmCustomize: backgroundColor / hoverColor (colorDefault) */ border-color: rgba(36,41,46,0.75) !important; /* srmCustomize: borderColor / hoverColor (colorDefault) */ } .dark-mode .btn-primary, .dark-mode .btn-primary:visited, .dark-mode .btn-dark, .dark-mode .btn-dark:visited { color: rgba(0,177,244,1) !important; /* srmCustomize: fontColor (colorPrimary) */ background-color: rgba(255,255,255,1) !important; border-color: rgba(255,255,255,1) !important; } .dark-mode .btn-primary:hover, .dark-mode .btn-primary:focus, .dark-mode .btn-dark:hover, .dark-mode .btn-dark:focus { background-color: rgba(255,255,255,0.75) !important; border-color: rgba(255,255,255,0.75) !important; } .dark-mode .btn-outline-primary, .dark-mode .btn-outline-primary:visited, .dark-mode .btn-outline-dark, .dark-mode .btn-outline-dark:visited { color: rgba(255,255,255,1) !important; border-color: rgba(255,255,255,1) !important; } .dark-mode .btn-outline-primary:hover, .dark-mode .btn-outline-primary:focus, .dark-mode .btn-outline-dark:hover, .dark-mode .btn-outline-dark:focus { color: rgba(0,177,244,1) !important; /* srmCustomize: fontColor / hoverColor (colorPrimary) */ background-color: rgba(255,255,255,0.75) !important; border-color: rgba(255,255,255,0.75) !important; } .dark-mode .btn-secondary, .dark-mode .btn-secondary:visited, .dark-mode .btn-light, .dark-mode .btn-light:visited { color: rgba(0,177,244,1) !important; /* srmCustomize: fontColor (colorPrimary) */ background-color: rgba(255,255,255,0.5) !important; border-color: rgba(255,255,255,0.5) !important; } .dark-mode .btn-secondary:hover, .dark-mode .btn-secondary:focus, .dark-mode .btn-light:hover, .dark-mode .btn-light:focus { background-color: rgba(255,255,255,0.75) !important; border-color: rgba(255,255,255,0.75) !important; } .dark-mode .btn-outline-secondary, .dark-mode .btn-outline-secondary:visited, .dark-mode .btn-outline-light, .dark-mode .btn-outline-light:visited { color: rgba(255,255,255,0.5) !important; border-color: rgba(255,255,255,0.5) !important; } .dark-mode .btn-outline-secondary:hover, .dark-mode .btn-outline-secondary:focus, .dark-mode .btn-outline-light:hover, .dark-mode .btn-outline-light:focus { color: rgba(0,177,244,1) !important; /* srmCustomize: fontColor / hoverColor (colorPrimary) */ background-color: rgba(255,255,255,0.75) !important; border-color: rgba(255,255,255,0.75) !important; } .text-primary { color: rgba(0,177,244,1) !important; /* srmCustomize: fontColor (colorPrimary) */ } .text-primary a, .text-primary a:visited, a.text-primary, a.text-primary:visited { color: rgba(0,177,244,1) !important; /* srmCustomize: fontColor (colorPrimary) */ } .text-primary a:hover, .text-primary a:focus, a.text-primary:hover, a.text-primary:focus { color: rgba(0,177,244,0.75) !important; /* srmCustomize: fontColor / hoverColor (colorPrimary) */ } .bg-primary { background: rgba(0,177,244,1) !important; /* srmCustomize: backgroundColor (colorPrimary) */ }