/*
Theme Name: MetaSoft Child athletenbouler
Theme URI: https://www.nayrathemes.com/metasoft-free/
Template: metasoft
Author: Nayra Themes
Author URI: https://www.nayrathemes.com/
Description: MetaSoft – is a Powerful & Modern IT Solutions, IT Business, Consulting, SaaS & Software, Startup, Technology, etc. WordPress theme created with latest design trends according to all your needs to create professional and high performance website. View the demo of MetaSoft Pro https://www.nayrathemes.com/demo/pro/?theme=metasoft
Tags: one-column,two-columns,right-sidebar,flexible-header,custom-background,custom-colors,custom-header,custom-menu,custom-logo,featured-image-header,featured-images,footer-widgets,full-width-template,sticky-post,theme-options,threaded-comments,translation-ready,blog,photography,portfolio,editor-style,grid-layout
Version: 1.0.44.1647075184
Updated: 2022-03-12 09:53:04

*/
:root {
    --bs-black:#000000;
    --bs-blue:#0d6efd;
    --bs-indigo:#6610f2;
    --bs-purple:#6f42c1;
    --bs-pink:#e91e63;
    --bs-red:#f74848;
    --bs-orange:#fd7e14;
    --bs-orange-dark:#ee4a34;
    --bs-orange-dark-light:#fae4df;
    --bs-yellow:#f5a416;
    --bs-green:#4caf50;
    --bs-teal:#20c997;
    --bs-cyan:#17a2b8;
    --bs-white:#ffffff;
    --bs-gray:#eeeeee;
    --bs-gray-light: #ebeced;
    --bs-gray-dark:#979797;
    --bs-primary:#014495;
    --bs-primary-dark:#0279b5;
    --bs-primary-light: #f2f8fb;
    --bs-primary-shadow: rgba(0, 136, 204, 0.3);
    --bs-secondary:#1fa22e;
    --bs-secondary-dark: #222222;
    --bs-gray-500: #f2f2f2;
    --bs-gray-500-thumb: #c2c2c2;
    --bs-success:#28a745;
    --bs-info:#17a2b8;
    --bs-warning:#ffc107;
    --bs-danger:#dc3545;
    --bs-light:#f8f9fa;
    --bs-dark:#343a40; /* sans-serif */
	--bs-font-family: 'Sarabun', sans-serif;
    --bs-font-sans-serif:"Montserrat",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --bs-font-default: "Rubik", sans-serif;
    --bs-font-title-text: "Rubik", sans-serif;
    --bs-font-awesome: "FontAwesome";
    --bs-gradient:linear-gradient(180deg,rgba(255,255,255,0.15),rgba(255,255,255,0));
    --bs-gradient-image:linear-gradient(180deg,rgba(255,255,255,0.15),rgba(255,255,255,0));
    --bs-shadow: 2px 5px 20px rgba(0, 0, 0, .2);
    --bs-radius-defualt: 0.1875rem;
    --bs-theme-radius: 40% 60% 45% 55%/71% 67% 33% 29%;
    --bs-theme-radius-reverse: 72% 28% 56% 44%/29% 37% 63% 71%;
    --bs-transition: all .35s cubic-bezier(.645,.045,.355,1);
    --bs-transition-slow: all .55s cubic-bezier(.645,.045,.355,1);
    --bs-transition-very-slow: all .75s cubic-bezier(.645,.045,.355,1);
}

/*=============== 03. Navigation Area =============*/

/*.main-navigation > .container {
    background-color: var(--bs-white);
    border-radius: 0;
}

.header-transparent .main-navigation > .container {
    border-radius: 5px;
}

.main-navigation > .container .col-3 {
    padding-left: 0;
}

.main-navigation .logo {
    border-radius: 0;
}

.header-transparent .main-navigation .logo {
    border-radius: 5px 0 0 5px;
}

.main-navigation .logo {
    padding: 10px 15px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    min-height: 92px;
}

.main-navigation .logo a {
    color: inherit;
}
*/
.main-navigation .logo img {
    max-width: 11rem;
}
/*
.main-navigation .contact-area {
    color: var(--bs-white);
}

.main-navbar .main-menu > li.menu-item:not(.focus):not(.active):not(:hover) > a:not(:focus):not(:hover) {
    color: var(--bs-secondary);
}

.main-navbar .main-menu > li:hover > a,
.main-navbar .main-menu > li.focus > a,
.main-navbar .main-menu .menu-item.active > a {
    color: var(--bs-primary);
}
*/

/*=============== 21. Breadcrumb Area =============*/
/*.breadcrumb-area {
    padding: 70px 0 70px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    color: var(--bs-white);
}

.header-transparent .breadcrumb-area {
    min-height: 300px;
    align-items: flex-end;
    padding: 60px 0 45px;
}

.breadcrumb-area:before,
.breadcrumb-area:after {
    content: '';
    position: absolute;
    right: 0;
    width: 100%;
    z-index: -1;
}
*/
.breadcrumb-area:before {
    top: 0;
    height: 100%;
    background-color: var(--bs-secondary-dark);
    opacity: 0.75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    z-index: -1;
	background-color: #014495;
    opacity: 0.25;
    background-image: url(../images/pattern_banner.png);
    background-repeat: repeat;
    background-position: left top;
}
/*
.breadcrumb-area:after {
    bottom: -15px;
    height: 15px;
    background: url(../images/bg/breadcrumbbefore.png);
    background-position: bottom;
    background-repeat: no-repeat;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    z-index: -1;
}

.breadcrumb-area h3 {
    position: relative;
    padding-left: 70px;
    margin: 0;
    float: left;
}

.breadcrumb-area h3:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 55px;
    height: 6px;
    border-radius: 3px;
    margin: auto 0;
    background-color: var(--bs-primary);
}

.breadcrumb-area ul {
    float: right;
    margin: 0;
}

.breadcrumb-nav li {
    display: inline-block;
    position: relative;
    color: var(--bs-white);
}

.breadcrumb-nav li a {
    color: var(--bs-white);
    text-decoration: none;
    -webkit-transition: .3s all;
    transition: .3s all;
}

.breadcrumb-nav li a:hover {
    opacity: 0.75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.breadcrumb-nav li:last-child:after {
    display: none;
}
*/
/*MainMenu Classic
*/
.site-description {
    width: 100%;
    display: block;
    font-size: 0.8rem;
    font-weight: 400;
    line-height: 1.2;
    white-space: normal;
    margin: 10px;
    margin-top: 0.4rem;
}