/*
Theme Name: Radio Satélite
Author: Francisco Garay
Description: Radio Satélite Child Theme
Version: 1.0
Template: bootstrap-component-blox
*/

:root {
	--rs-font-header: Lexend, sans-serif;
	--rs-font-body: Lexend, sans-serif;
	--rs-primary: #3A6A73;
	--rs-secondary: #213D42;
	--rs-transparent: #ffffffbf;
	--rs-light: #7A7A7A;
}

a {
	text-decoration: none;
	color: black;
}

html,
body {
	overflow-x: hidden;
	font-family: var(--rs-font-body);
}

h1, h2, h3, h4, h5 {
	font-family: var(--rs-font-header)
}

/* ===== Text Color ===== */

.rs-text-primary {
    color: var(--rs-primary);
}

.rs-text-secondary {
    color: var(--rs-secondary);
	font-weight: 500;
}

.rs-text-transparent {
	color: var(--rs-transparent);
}

.rs-text-light {
	color: var(--rs-light);
}

/* ===== Background Color ===== */

.rs-bg-primary {
    background: var(--rs-primary);
}

.rs-bg-secondary {
    background: var(--rs-secondary);
}

.rs-bg-transparent {
    background: var(--rs-transparent);
}

/* ===== Button Color ===== */

.btn {
	border: 3px solid var(--rs-primary);
	padding: 10px 15px;
	border-radius: 20px;
	font-weight: bold;
	font-size: 15px;
	color: #ffffff;
	font-family: var(--rs-font-header);
}

.rs-mobile-menu-button {
	opacity: 0.75;
}

.rs-btn-primary:hover {
    color: var(--rs-primary) !important;
    background-color: white;
}

.rs-btn-primary {
	background: var(--rs-primary);
}

.rs-btn-secondary {
	background: var(--rs-secondary);
	border: 3px solid var(--rs-secondary);
}

.rs-btn-secondary:hover {
	background: white;
	color: var(--rs-secondary);
}

.rs-btn-results, .rs-btn-results:hover {
	background: var(--rs-primary) !important;
	color: white !important;
}

#rs-page-guestbook .gwolle-gb-write-button input[type="button"], #rs-page-guestbook .gwolle-gb-write-button input[type="button"]:hover {
	background: var(--rs-primary) !important;
	color: white !important;	
}

#rs-page-guestbook label.text-info {
	color: var(--rs-primary) !important;
	font-weight: bold !important;
}

#rs-page-guestbook .gwolle_gb_submit.btn, #rs-page-guestbook .gwolle_gb_submit.btn:hover {
	border: 0 !important;
	background: var(--rs-primary) !important;
	color: white !important;		
}

/* ===== Main Navbar ===== */

@media (min-width: 992px) {
	.navbar-expand-lg {
		flex-wrap: wrap;
	}
}

@media (max-width: 991px) {
	.navbar-nav, .navbar-nav .sub-menu .nav-link {
		text-align: center;
	}
}

#navbar-brand-logo img {
    width: 120px;
    transform: scale(1.4) translatey(15px);
}

.rs-navbar-btn .nav-link{
	border: 3px solid var(--rs-primary);
	border-radius: 20px;
	color: #ffffff !important;
	background: var(--rs-primary);
	border-radius: 20px;
	padding-left: 15px!important;
	padding-right: 15px!important;
	margin-left: 15px!important;
	font-weight: bold !important;
}

.rs-navbar-btn .nav-link:hover{
	color: var(--rs-primary) !important;
    background-color: white;
}

#navbar-main-menu .nav-link:hover {
	color: #fff;
	transition: 0.4s;
}

#nav-header .dropdown-toggle::after {
	font-size: 7px;
}

.navbar-nav .nav-link{
	font-size: 12px;	
	color: #ffffffbf;
	transition: 0.4s;
}

.dropdown-menu {
	background: var(--rs-secondary);
	border-radius: 0;
	border: 0;
	padding: 0;
}

.navbar-nav .sub-menu .nav-link {
	color: var(--rs-transparent);
	padding: 13px 20px !important;
}

.navbar-nav .sub-menu .nav-link:hover {
	background: var(--rs-primary);
}

.navbar-nav {
	margin: auto;
	gap: 20px;
}

.social-icons {
	gap: 20px;	
}

.social-icons a {
	color: var(--rs-transparent);
	transition: 0.4s;	
}

.social-icons a:hover {
	color: #fff;
	transition: 0.4s;
}

.search-form {
	background: #eceeef;
	border-radius: 200px;
	font-size: 12px;
	padding: 5px;
}

.search-form input {
	color: #7A7A7A;	
	background: transparent;
	border: none;
	width: 85%;
}

.search-form i {
	color: #7A7A7A;
	padding-left: calc(30px / 3);
	padding-right: 5px;
}

#listen-online-button {
    background-color: var(--rs-primary);
    padding: 5px 10px;
    text-decoration: none;
    border-radius: 25px;
}

#listen-online-button-mobile {
    background-color: var(--rs-secondary);
    padding: 5px 10px;
    text-decoration: none;
    border-radius: 25px;
}

/* ===== Toggler ===== */

#toggler:focus, 
#toggler:active {
    outline: 0;
}

#toggler span {
    width: 30px;
    height: 3px;
    display: block;
    background-color: var(--rs-transparent);
    margin: 7px 0;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

#toggler span:nth-child(1) {
    -webkit-transform: translatey(10px) rotate(-45deg);
        -ms-transform: translatey(10px) rotate(-45deg);
            transform: translatey(10px) rotate(-45deg);
}
#toggler span:nth-child(2) {
    opacity: 1;
    width: 0;
}
#toggler span:nth-child(3) {
    -webkit-transform: translatey(-10px) rotate(45deg);
        -ms-transform: translatey(-10px) rotate(45deg);
            transform: translatey(-10px) rotate(45deg);  
}

#toggler.collapsed span {
    -webkit-transform: translatey(0) rotate(0deg);
        -ms-transform: translatey(0) rotate(0deg);
            transform: translatey(0) rotate(0deg);
    opacity: 1;
    width: 30px;   
}

/* ====== Mobile Menu Popup =====*/

#rs-mobile-menu .navbar-nav {
	gap: 0;
}

/* ====== Swiper =====*/

.swiper-slide {
	display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.swiper-button-next:after, .swiper-button-prev:after {
    color: #fff;
}

/* ===== Header Logo ==== */

.rs-site-logo {
	width: 100px;
	opacity: 0.75;
}

/* ===== Blog Archive Pagination ===== */

.navigation { width: fit-content; margin: auto; }
.navigation a { color: var(--rs-primary); }
.navigation a:hover, .navigation a:focus, .page-numbers.current.page-link, 
.next:hover .rs-pagination-chevron, .prev:hover .rs-pagination-chevron { 
	color: var(--rs-transparent);
	background-color: var(--rs-primary);
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.dots, .dots:hover {
	color: var(--rs-primary);
}

/* ===== Single Post ===== */

#rs-single-content figure, #rs-single-content img {
	width: 100% !important;
	height: 100% !important;
	box-shadow: var(--bs-box-shadow) !important;
	border-radius: var(--bs-border-radius) !important;
	margin-top: 10px;
	margin-bottom: 10px;
}

.slb_details { display: none !important; }

/* ===== Guestbook ===== */

#rs-page-guestbook .gb-author-avatar { display: none !important; }