@charset "UTF-8";

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

Name: homebrew.css
Version: 3.1

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

Table of contents
        
    01. Menu Bar Logo Modifications
    
*/

/* font */
/* @import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap'); */
/* variable */
/* :root {
    --banner-font: 'Space Grotesk', sans-serif; */

/* ===================================
    02. CSS color variable
====================================== */
:root {
  --base-color: #719FD2;

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

a:hover, a:active{color: #719FD2; font-weight: 600;}

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

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

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

.logo-enlarge img {
  max-height: 55px;
}

/* ===================================
    02. Colorings
====================================== */

.bg-alc-blue {background-color:#719FD2;}
.bg-alc-pink {background-color:#FF99CC;}
.bg-alc-light-blue {background-color:#d0e4fd;}
.bg-alc-light-pink {background-color:#fac8e1;}
.bg-alc-black {background-color:#141414;}
.bg-nero-grey {background-color: #1F1F1F;}

.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-alc-blue, .btn.text-alc-blue {color:#719FD2}
.text-alc-light-blue, .btn.text-alc-light-blue {color:#D0E4FD}
.text-alc-pink, .btn.text-alc-pink {color:#FF99CC}
.text-alc-light-pink, .btn.text-alc-light-pink {color:#FAC8E1}
.text-alc-red, .btn.text-alc-red {color:#FF0000}
.text-alc-black, .btn.text-alc-black {color:#141414}

.input-border-bottom-pink {border-bottom: 10px solid #FF99CC; border-top: transparent !important;  border-left: transparent !important;  border-right: transparent !important}
.input-border-bottom-blue {border-bottom: 10px solid #719FD2; border-top: transparent !important;  border-left: transparent !important;  border-right: transparent !important}
.input-border-bottom-black {border-bottom: 10px solid #535353; border-top: transparent !important;  border-left: transparent !important;  border-right: transparent !important}

/* separator line */
.separator-line-15px {height: 15px;}

/* ===================================
    03. Paddings and Margins
====================================== */

section.half-section {padding-top: 0px; padding-bottom: 0px;}  /* scrolling about banner */
section.half-section-bigger {padding-top: 40px; padding-bottom: 40px;}

/* ===================================
    04. Footer
====================================== */

/* scroll to top */
/* .scroll-top-arrow, .scroll-top-arrow:focus {color: #fff; background: #719FD2; 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: #FF99CC; opacity: 1.0; color: #fff; border-color: var(--base-color)}
.scroll-top-arrow i {line-height: 30px;  position: relative;} */

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

/* ===================================
    05. Miscellanea
====================================== */

.page-title-big-typography .small-screen {height: 300px !important;}

.tab-style-07 .nav-tabs .nav-item .nav-link {
  border: none;
  border-bottom: 1px solid;
  border-color: var(--extra-medium-gray);
  padding: 18px 20px 18px;
  background: transparent;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  position: relative;
}

/* ===================================
    06. Contact Form Alert Success
====================================== */

.alert-success {
  background-color: #719FD2;
  color: #fff;
  border-color: #fff;
  padding: 10px 20px 10px 20px;
}
.alert {
  padding: 20px 25px 20px 30px;
  margin-bottom: 30px;
  line-height: 22px;
  position: relative;
  z-index: 1;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.alert.alert-success {
  background-color: #719FD2;
  color: #fff;
  border-color: #fff;
}