@charset "UTF-8";

/* ----------------------------------

Name: homebrew.css
Version: 3.1

-------------------------------------

Table of contents
        
    01. Menu Bar Logo Modifications
    
*/

/* ===================================
    02. Reset Override 
====================================== */

a:hover, a:active{color: #BF98A0; font-weight: 500;}

/* ===================================
    01. Menu Bar Logo Modifications
====================================== */

.fade-me { opacity: .5;}

.navbar-nav>li>a {line-height: 40px;}

header a.logo img {max-height:50px;}
header .left-nav .sidebar-part1 a.logo img {max-height:inherit;}
.logo-holder img {max-height: 50px;}

/* ===================================
    01. Colorings
====================================== */

.bg-cs-dark {background-color:#4F6367;}
.bg-cs-light {background-color:#EEF5DB;}
.bg-cs-three {background-color:#BF98A0;}
.bg-cs-four {background-color:#A31621;}
.bg-cs-five {background-color:#2E1C2B;}

.btn.btn-light-blue {background: #719FD2; border-color: #ffffff; color: #ffffff}
.btn.btn-light-blue:hover, .btn.btn-light-blue:focus {background: #ffffff; border-color: #719FD2; color: #719FD2}

/* text color */
.text-cs-deeppurple, .btn.text-cs-deeppurple {color:#2E1C2B}
.text-cs-green, .btn.text-cs-green {color:#4F6367}
.text-cs-white, .btn.text-cs-white {color:#fff}

.text-alc-red, .btn.text-alc-pink {color:#FF0000}

.border-color-testimony {border-color:#EEF5DB !important;}

.input-border-bottom-light {border-bottom: 15px solid #EEF5DB; border-top: transparent !important;  border-left: transparent !important;  border-right: transparent !important}
.input-border-bottom-dark {border-bottom: 15px solid #2E1C2B; border-top: transparent !important;  border-left: transparent !important;  border-right: transparent !important}
.input-border-bottom-green {border-bottom: 15px solid #4F6367; border-top: transparent !important;  border-left: transparent !important;  border-right: transparent !important}

/* ===================================
    21. Swiper carousel
====================================== */

.swiper-container.swiper-blog *, .hover-option4 .swiper-container *{transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .8s; -ms-transition-duration: .8s; -moz-transition-duration: .8s; -webkit-transition-duration: .8s; -o-transition-duration: .8s;}
.swiper-container {overflow: hidden; position: relative; width: 100%; }
.swiper-pagination-bullet-active {background: #fff}

/* ===================================
    26. Footer
====================================== */

/* scroll to top */
.scroll-top-arrow, .scroll-top-arrow:focus {color: #fff; background: #BF98A0; line-height: 56px; display: none; height: 60px; width: 60px; padding: 0; position: fixed; right: 45px; text-align: center; text-decoration: none; top: 91%; z-index: 10006; border-radius: 100%;}
.scroll-top-arrow:hover {background: #4F6367; opacity: 1.0; color: #000; border-color: var(--base-color)}
.scroll-top-arrow i {line-height: 30px;  position: relative;}

.bg-dark-footer{background-color:#141414;}
.footer-logo {max-height: 56px;}

/* ===================================
    26. Miscellanea
====================================== */

.threequarters-screen {height: 90%;}

.separator-line-horrizontal-full {width:100%; height: 5px;}

/* menubar type size */
header nav .navbar-nav > li > a {color: #232323; font-size: 14px; font-weight: 800; margin:0 20px; padding: 5px 0px 5px; text-transform: uppercase; letter-spacing: 0.015em;}

/* breadcrumb */
.breadcrumb {background: transparent; border-radius: 0; padding-top: 0; padding-bottom: 0; margin: 0;}
.breadcrumb ul {list-style: none; padding: 0; margin: 0;}
.breadcrumb ul li {display: inline-block; line-height: normal;}
.breadcrumb ul > li:after {content: "\f111"; font-family: Font Awesome\ 5 Free; font-weight: 900; padding: 0 11px 0 14px; display: inline-block; vertical-align: middle; font-size: 5px; opacity: .6;}
.breadcrumb ul > li:last-child:after {border-right: 0; content: ""; padding: 0}