/*
Theme Name: RedeSal
Theme URI: http://www.reformabranding.com/
Author: the Reforma Branding team
Author URI: http://www.reformabranding.com/
Description: The RedeSal Theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready, accessibility-ready
Text Domain: redesal

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@import 'css/bootstrap.min.css';
@import 'css/classes.css';
@import 'css/fonts/fonts.css';
@import 'css/slick.css';

/*************************************************************************************************************general styles***************************************************************************************************/
body {
    line-height: normal;
    font-family: Gilroy;
    font-weight: 200;
}

h1, h4, .display-4, h5 {
    font-family: Gotham;
}

h1, h4, .display-4, b, strong {
    font-weight: 800;
}

h5 {
    font-weight: 700;
}

article {
    padding-top: 73px;
}

h4, .display-4 {
    z-index: 0;
}

h4:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 8px;
    z-index: -1;
}

.bg-green-border:after {
    background-color: #63A70A;
}

.bg-blue-border:after {
    background-color: #022169;
}

.slick-prev {
	z-index: 100;
}

/*.display-4 header title pages*/
/*h1 header slide home*/
/*h4 general titles*/
/*h5 header text pages*/
/******************************************************************************************************************************************************************************************************************************/

/***************************************************************************************************************custom classes*************************************************************************************************/
.bg-blue {
    background-color: #022169;
}

.bg-lightblue {
    background-color: #009FE3;
}

.bg-green {
    background-color: #63A70A;
}

.bg-gray {
    background-color: #EFEFEF;
}

.text-blue {
    color: #022169 !important;
}

.text-green {
    color: #63A70A;
}

.text-black {
    color: #1A1A1A !important;
}

.bullet-green li:before {
    content: "\2022";
    color: #63A70A;
    font-weight: bold;
    display: inline-block;
    width: 0.75rem;
    margin-left: -0.75rem;
}

.navbar-blue .navbar-brand, 
.navbar-blue .navbar-nav .nav-link,
.navbar-blue .navbar-text,
.navbar-blue .navbar-text a,
.navbar-blue .navbar-toggler {
  color: #fff;
}

.navbar-blue .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}

.navbar-blue .navbar-nav .show > .nav-link,
.navbar-blue .navbar-nav .active > .nav-link,
.navbar-blue .navbar-nav .nav-link.show,
.navbar-blue .navbar-nav .nav-link.active,
.navbar-blue .navbar-brand:hover, 
.navbar-blue .navbar-brand:focus, 
.navbar-blue .navbar-nav .nav-link:hover, 
.navbar-blue .navbar-nav .nav-link:focus,
.navbar-blue .navbar-text a:hover, 
.navbar-blue .navbar-text a:focus {
    font-weight: 800;
}

.navbar-blue .navbar-toggler {
    border-color: #FFF;
}

.navbar-blue .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.custom-text {
    width: 328px;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    background-color: rgba(255,255,255,0.9);
}

.display-4:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 25%;
    height: 19px;
    z-index: -1;
}

.dropdown-item.active, .dropdown-item:active {
    text-decoration: none;
    font-weight: 800;
    background-color: transparent;
}

.text-shadow {
    text-shadow: 0px 0px 2px #000000;
}
/******************************************************************************************************************************************************************************************************************************/

/*************************************************************************************************************header***********************************************************************************************************/
header nav ul li a {
    font-size: 13px;
}
/******************************************************************************************************************************************************************************************************************************/

/************************************************************************************************************pages*************************************************************************************************************/
#post-23 input[type="text"], #post-23 input[type="email"] {
    height: 19px;
    line-height: 19px;
}

#post-23 textarea {
    height: 62px;
}

#post-23 input[type="text"], #post-23 input[type="email"], #post-23 textarea {
    border: 1px solid #333333;
}

#post-23 input[type="submit"] {
    width: 95px;
    height: 26px;
    border: 1px solid #C9C9C9;
    border-radius: 3px;
}

.wpcf7-response-output {
    color: #1A1A1A;
    margin-top: 0!important;
}

#post-23 a {
    color: #1A1A1A;
}

.wp-bootstrap-blocks-row.h-100 > .row {
    height: 100%;
}
/******************************************************************************************************************************************************************************************************************************/

/*******************************************************************************************************************slides*****************************************************************************************************/
#home-header-slide, #home-header-slide .carousel-inner, #home-header-slide .carousel-item {
    height: 100%;
}

#home-header-slide .carousel-item > .container-fluid > .wp-bootstrap-blocks-row > .row > * {
    height: 300px;
}

#home-header-slide .carousel-indicators li {
    width: 10px;
    height: 10px;
    margin-right: 10px;
    margin-left: 10px;
    opacity: 1;
}

#home-header-slide .carousel-indicators .active {
    background-color: #63A70A;
}

#history-slide .carousel-item {
    height: 250px;
}

#gallery-slide .carousel-control-prev-icon,
#gallery-slide .carousel-control-next-icon,
#activations-slide .carousel-control-prev-icon,
#activations-slide .carousel-control-next-icon,
#who-we-are-slide .carousel-control-prev-icon,
#who-we-are-slide .carousel-control-next-icon,
#home-header-slide .carousel-control-prev-icon,
#home-header-slide .carousel-control-next-icon {
    width: 58px;
    height: 58px;
}

#history-slide .carousel-control-prev-icon,
#history-slide .carousel-control-next-icon {
    width: 27px;
    height: 27px;
}

#gallery-slide .carousel-control-prev,
#activations-slide .carousel-control-prev {
    margin-left: -20%;
}

#gallery-slide .carousel-control-next,
#activations-slide .carousel-control-next {
    margin-right: -20%;
}

#history-slide .carousel-control-prev {
    margin-left: -15%;
}

#history-slide .carousel-control-next {
    margin-right: -15%;
}

#who-we-are-slide .carousel-item {
    height: 34vw;
}

.carousel-control-prev-icon-green {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%2373A330' viewBox='0 0 58 58'%3e%3cpath d='M 15 29 L 43 58 L 43 0'/%3e%3c/svg%3e");
}

.carousel-control-next-icon-green {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%2373A330' viewBox='0 0 58 58'%3e%3cpath d='M 43 29 L 15 58 L 15 0'/%3e%3c/svg%3e");
}

.carousel-control-prev-icon-blue {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23022169' viewBox='0 0 58 58'%3e%3cpath d='M 15 29 L 43 58 L 43 0'/%3e%3c/svg%3e");
}

.carousel-control-next-icon-blue {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23022169' viewBox='0 0 58 58'%3e%3cpath d='M 43 29 L 15 58 L 15 0'/%3e%3c/svg%3e");
}

.carousel-control-next,
.carousel-control-next:hover,
.carousel-control-next:focus,
.carousel-control-prev,
.carousel-control-prev:hover,
.carousel-control-prev:focus {
    opacity: 1;
}
/******************************************************************************************************************************************************************************************************************************/

/***********************************************************************************************************responsive*********************************************************************************************************/
@media screen and (max-width: 767px) {
    h1 {
        font-size: 20px;
    }
    
    .display-4 {
        font-size: 25px;
    }
    
    .navbar-brand img {
        width: 95px;
    }
    
    article {
        padding-top: 56px;
    }
    
    #gallery-slide .carousel-control-prev,
    #activations-slide .carousel-control-prev {
        margin-left: 0%;
    }

    #gallery-slide .carousel-control-next,
    #activations-slide .carousel-control-next {
        margin-right: 0%;
    }

    #history-slide .carousel-control-prev {
        margin-left: 0%;
    }

    #history-slide .carousel-control-next {
        margin-right: 0%;
    }
    
    #gallery-slide .carousel-control-prev-icon,
    #gallery-slide .carousel-control-next-icon,
    #activations-slide .carousel-control-prev-icon,
    #activations-slide .carousel-control-next-icon,
    #who-we-are-slide .carousel-control-prev-icon,
    #who-we-are-slide .carousel-control-next-icon {
        width: 27px;
        height: 27px;
    }
    
    #history-slide .carousel-item {
        height: 400px;
    }
    
    #who-we-are-slide .carousel-item {
        height: 150vw;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    #home-header-slide .carousel-item > .container-fluid > .wp-bootstrap-blocks-row > .row > * {
        height: auto;
    }
    
    .custom-text {
        right: 50%;
        -webkit-transform: translateX(50%);
        transform: translateX(50%)
    }
}
/******************************************************************************************************************************************************************************************************************************/