/*
Theme Name: Patria Social Club
Theme URI:
Author: Jose Salas
Author URL: https://buenavista.design/
Version: 1.0
Description: Plantilla personalizada para Patria Social Club
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: theme-private
Text Domain: Patria Social Club
Domain Path: /languages/
*/


@font-face {font-family:'RedditSans'; font-style:normal; font-weight:400; src:url(fonts/RedditSans-Regular.ttf)}
@font-face {font-family:'RedditSans'; font-style:normal; font-weight:500; src:url(fonts/RedditSans-Medium.ttf)} 
@font-face {font-family:'RedditSans'; font-style:normal; font-weight:600; src:url(fonts/RedditSans-SemiBold.ttf)}
@font-face {font-family:'RedditSans'; font-style:normal; font-weight:700; src:url(fonts/RedditSans-Bold.ttf)}
@font-face {font-family:'RedditSans'; font-style:normal; font-weight:800; src:url(fonts/RedditSans-ExtraBold.ttf)}


@keyframes fadeout{
	0%{
		opacity: 1;
	}
	100%{
		opacity: 0;
		display: none;
	}
}

@keyframes fadein{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
		
	
	}
}

@keyframes expandir {
    from {
        transform: scale(1);
    }

    to {
        transform: scale(1.2);
    }
}

@keyframes clickme{
	0%{
		transform: scale(0.8);
	}
	100%{
		transform: scale(1.2);
		
	
	}
}

@keyframes card_left{
	0%{
		opacity: 0;
		transform: rotate(-18deg) translate(-40%);
		
	}
	100%{
		transform: rotate(0deg) translate(0%);
		opacity: 1;
		
	
	}
}

@keyframes card_right{
	0%{
		opacity: 0;
		transform: rotate(18deg) translate(40%);
		
	}
	100%{
		transform: rotate(0deg) translate(0%);
		opacity: 1;
		
	
	}
}

@keyframes card_center{
	0%{
		opacity: 0;
		transform: translateY(50%);
		
	}
	100%{
		transform: translateY(0%);
		opacity: 1;
		
	
	}
}

@keyframes bg_text{
	0%{
		background-position: 101% 100%;
		
	}
	100%{
		background-position: 0% 100%;
	
	}
}

@keyframes entry_left{
	0%{
		opacity: 0;
		transform: translateX(-100%);
		
	}
	100%{
		opacity: 1;
		transform: translateX(0%);
	
	}
}

@keyframes entry_right{
	0%{
		opacity: 0;
		transform: translateX(100%);
		
	}
	100%{
		opacity: 1;
		transform: translateX(0%);
	
	}
}

@keyframes message{
	0%{
		opacity: 0;
		transform: scale(0);
	}
	50%{
		opacity: 1;
		transform: scale(1.2);
	}
	75%{
		opacity: 1;
		transform: scale(0.8);
	}
	100%{
		opacity: 1;
		transform: scale(1);
	}
}

@keyframes color-change-2x{0%{background:#E5EC42}50%{background:#F1A884}100%{background: #32ade6;}}



@media screen and (min-width:0px){
	:root{
		--main-color-primary:#2b5f9f;
		--main-color-secundary:#00b2ff;
		--main-color-yellow:#FFB400;
		--main-color-yellow2:#FFDA00;

		--video-ratio: calc(16 / 9);
		--video-container-max-width: 640px;
		--video-container-x-padding-sum: 2rem;


		--paragraph-font-size:1.6rem;
		--paragraph-line-height:3.15rem;
		/* --paragraph-text-align:center; */
		--paragraph-color:#151515;
		--paragraph-letter-spacing: 0.32px;
		--paragraph-font-style: normal;
		--paragraph-font-weight: 400;
		--paragraph-font-family: 'Manrope',sans-serif;

		--title-font-size:4rem;
		--title-line-height:6.4rem;
		--title-letter-spacing: 0.4px;

		--font-paragraph:
			var(--paragraph-font-style)
			var(--paragraph-font-weight)
			var(--paragraph-font-size)
			var(--paragraph-line-height)
			var(--paragraph-font-family);
	}



	::selection{background:rgba(0, 0, 0, 0.3);}

	/*=============== GENERAL ===============*/
	.wcbtn.btn-blue{background:var(--main-color-secundary);}
	.wcbtn.btn-red{background:#FF0000;}
	.wcbtn.btn-grey{background:rgba(0, 0, 0, 0.5);}
	.flex-column-center{display: flex; flex-direction: column; align-items: center; justify-content: center;}
	table{display:block; min-width:100%; width:100%; margin:2rem 0; border-radius:1rem; overflow-x:auto;}
	table thead tr th{background:rgba(0, 0, 0, 0.15); padding:1rem 1.5rem; text-transform:uppercase; font-weight:bold;}
	table tbody tr td{padding:0.5rem 1.5rem;}
	table tbody tr:nth-child(odd) td{background:rgba(0, 0, 0, 0.015);}
	table tbody tr:nth-child(even) td{background:rgba(0, 0, 0, 0.03);}
    table tbody tr:hover td{background:rgba(0, 0, 0, 0.09);}
    table tbody tr td{color:rgba(0, 0, 0, 0.5);}
	.pro-paragraph-inner p{font-family:inherit; font-size:inherit; line-height:inherit; font-weight:inherit; letter-spacing:inherit;}
	.loading::after{display:none !important; width:0; height:0;}
	.tpgb-plus-button a{transition:all .3s;}
	#main__wrapper article{overflow: hidden;}
	#main__wrapper .slick-track,
	#main__wrapper .splide__list{transition:unset;}
	#main__wrapper .slick-list{width: 100%; order: 1;}
	#main__wrapper .slick-dots{ width: 100%; display: flex; justify-content: center; list-style: none; order: 2;}
	#main__wrapper .slick-track{display: flex;}
	#main__wrapper .tpgb-plus-button a > span{display: flex; align-items: center;}
	#main__wrapper .tpgb-plus-button a > span img{padding-top: .1rem;}
	#main__wrapper .tpgb-section > .tpgb-section-wrap{max-width:160rem;}
	#main__wrapper .tpgb-section > .tpgb-section-wrap.tpgb-container-fluid{width:100%; max-width:100%;}
	#main__wrapper .tpgb-creative-img-wrap{line-height:0;}
	#main__wrapper .yoast-breadcrumbs span{display: flex; align-items: center; text-wrap: wrap;}
	#main__wrapper .yoast-breadcrumbs span a{font-family: "Lexend Deca", sans-serif; font-size: 1.8rem; font-weight: 400; line-height: 2.8rem; color: #38393F;}
	#main__wrapper .yoast-breadcrumbs span.breadcrumb_last{font-family: "Lexend Deca", sans-serif; font-size: 1.8rem; font-weight: 700; line-height: 2.8rem; color: #38393F;}

	/*========== WHATSAPP ==========*/
	#container__whatsapp {box-shadow: 0rem .4rem 6.2rem 0rem rgb(137, 125, 196, 47%); border-radius: 100rem;}
	#container__whatsapp *{margin:0; padding:0;}
	#container__whatsapp .texto{display:block;}

	/*========== SCROLL TOP ==========*/
	#scrollto__top{bottom:7rem; z-index: 9999;}
	#scrollto__top a#scrolltop__btn{width: 4.5rem; height: 4.5rem; display: flex; align-items: center; justify-content: center; border: .1rem solid #FFFFFF; background: #EB622B;}
	#scrollto__top a#scrolltop__btn:hover{background: #c75427;}
	#scrollto__top a#scrolltop__btn path{fill: #FFF;}

	/*=============== TEXTOS GLOBALES ===============*/
	#topbody h1,
	#topbody h2,
	#topbody h3,
	#topbody h4,
	#topbody p{font-family: 'RedditSans', sans-serif;} 

	/*========== GLOBAL STYLES ==========*/
	body#topbody{background: #CBC9C7;}
  	.wp-block-outermost-icon-block .icon-container{width: fit-content !important;}
  	.wp-block-outermost-icon-block .icon-container svg{width: auto; height: auto;}
	
	.fade-in{opacity: 0; transition: opacity 0.5s;}
	.fade-in.active-animation{animation-name: fadein; animation-duration: 1s; animation-fill-mode: forwards;}

	.card_left-animation{opacity: 0; transform: rotate(-18deg) translate(-40%); transition: opacity 0.5s, transform 0.5s;}
	.card_left-animation.active-animation{animation-name: card_left; animation-duration: 1s; animation-fill-mode: forwards;}
	.card_right-animation{opacity: 0; transform: rotate(18deg) translate(40%); transition: opacity 0.5s, transform 0.5s;}
	.card_right-animation.active-animation{animation-name: card_right; animation-duration: 1s; animation-fill-mode: forwards;}
	.card_center-animation{opacity: 0; transform: translateY(50%); transition: opacity 0.5s, transform 0.5s;}
	.card_center-animation.active-animation{animation-name: card_center; animation-duration: 1s; animation-fill-mode: forwards;}

	.entry_left-animation{opacity: 0;transition: opacity 0.5s, transform 0.5s;}
	.entry_left-animation.active-animation{animation-name: entry_left; animation-duration: 1s; animation-fill-mode: forwards;}
	.entry_right-animation{opacity: 0; transition: opacity 0.5s, transform 0.5s;}
	.entry_right-animation.active-animation{animation-name: entry_right; animation-duration: 1s; animation-fill-mode: forwards;}

	.message_entry-animation{opacity: 0; transition: opacity 0.5s, transform 0.5s;}
	.message_entry-animation.active-animation{animation-name: message; animation-duration: 1s; animation-fill-mode: forwards;}
	
	.scroll-down{ animation: expandir 1.5s infinite alternate ease;}

	/*========== OFFCANVAS ==========*/
	#offcanvas{display: flex; flex-direction: column; justify-content: space-between; background:#F7F7F7; position:fixed; width:100vw; height:100%; right:-200%; top:0; padding: 2.1rem 3rem 7.6rem; z-index:999999999; transition:all .4s ease; overflow:auto;}
	#offcanvas.active{right:0%;}
	#offcanvas *{color:#333333; transition: all .5s;}
	#offcanvas .content-close{display:flex; position:absolute; top: 2rem; right: 2.7rem;}
	#offcanvas #nav__offcanvas{display: flex; flex-direction: column;}
	#offcanvas #nav__offcanvas .content-logo img{max-width: 17.6rem;}
	#offcanvas #nav__offcanvas > ul.menu{display:flex; flex-direction: column; gap: 2.2rem; padding: 3.5rem 0rem 0rem; list-style: none;}
	#offcanvas #nav__offcanvas > ul.menu li a{width: fit-content; display:flex; align-items:center; font-family: "Inter", sans-serif; font-size: 1.48rem; font-weight: 700; line-height: 2rem; color: #000000; text-transform: uppercase;}
	#offcanvas #nav__offcanvas > ul.menu li.btn_presentation a{width: 100%; display: flex; align-items: center; justify-content: center; column-gap: 1rem; padding: .7rem 0rem; border-radius: .6rem; color: #F7F7F7; background: #EB622B;}
	#offcanvas #nav__offcanvas > ul.menu > li.menu-item-has-children > a span{font-size: 2rem; transform: rotate(0); transition: all .5s ease;}
	#offcanvas #nav__offcanvas > ul.menu > li.menu-item-has-children > a.active span{transform: rotate(180deg);}
	#offcanvas #nav__offcanvas > ul.menu > li.menu-item-has-children ul.sub-menu{width: 100%; list-style: none;}
	#offcanvas #nav__offcanvas > ul.menu > li.menu-item-has-children ul.sub-menu li{padding: 0rem 0rem 0rem 2rem;}
	
	#offcanvas .copy_container{display: flex; justify-content: space-between; align-items: center; padding-top: 2rem;  border-top: .1rem solid #D2D0D0;}
	#offcanvas .copy_container #social_links{width: fit-content;}
	#offcanvas .copy_container #social_links #widget__info{display: flex; justify-content: center; align-items: center; gap: 1.2rem;}
	#offcanvas .copy_container #social_links #widget__info figure a{display: flex; align-items: center; justify-content: center;}
	#offcanvas .copy_container #social_links #widget__info img{width: 2rem;}
	#offcanvas .copy_container .copy span{font-family: 'Inter', sans-serif; font-size: 1.48rem; font-weight: 500; line-height: 2rem; color: #000000;}

	
	/*========== HEADER ==========*/
	#header.hiden{padding: 1rem 1rem 2rem; opacity: 0; visibility: hidden;}
	#header.activeup{opacity: 1; visibility: visible;}
	#header{width: 100%; position: fixed; top: 0rem; transition: all .4s ease; z-index: 99999; background: transparent;}
	#header .container__row{width: min(95%, 170.6rem); display:flex; align-items: start; justify-content:space-between; margin: 0rem auto; padding: 1.9rem 0rem;}
	#header .container__row #container__logo a,
	#header .container__row #nav__header #list__icons-header a{display: flex;}
	#header .container__row #container__logo a img{width: 100%; max-width: 12.6rem;}
	#header .container__row #nav__header ul.menu{display: none;}
	#header .container__row #nav__header #list__icons-header{list-style: none;}

	/*========== HOME ==========*/
	
	/*========== ERROR 404 - MAINTENANCE ==========*/
	#error-404{width: min(95%,153.7rem); display: flex; flex-direction: column; margin: 0rem auto; padding: 10rem 0rem; background: url(images/bg-404-mobile.webp) no-repeat top/100%; background-size: cover;}
	#error-404 > div{width: 100%; display: flex; flex-direction: column;}
	#error-404 .container_img{align-items: center; justify-content: center;}
	#error-404 .container_img img{width: 100%; max-width: 15rem;}
	#error-404 .container_info{justify-content: center;} 
	#error-404 .container_info h1{display: flex; flex-direction: column; row-gap: 1.8rem; font-family: 'Inter', sans-serif; font-size: 3.7rem; font-weight: 700; line-height: 4.5rem; color: #4D4D4D;}
	#error-404 .container_info h1 span{display: block; font-size: 5.7rem; line-height: 6.7rem;} 
	#error-404 .container_info p{width: 100%; padding-top: 3.3rem; font-family: 'Inter', sans-serif; font-weight: 300; font-size: 1.8rem; line-height: 2.8rem; color: #4D4D4D;}
	#error-404 .container_info p strong{font-weight: 800;}
	#error-404 .container_info div{display: flex; flex-direction: column; align-items: center; justify-content: center; column-gap: 5.4rem; row-gap: 2rem; padding-top: 3.3rem;}
	#error-404 .container_info div img{width: 100%; max-width: 13.7rem;}
	#error-404 .container_info div a{width: fit-content; padding: 1rem 3.5rem; border-radius: 5rem; font-family: 'Inter', sans-serif; font-weight: 600; font-size: 1.8rem; line-height: 2.4rem; text-align: center; color: #F9F9F9; background: #4EE4CD;}
	
	/* #error404, S
	#maintenance{padding:10rem 1rem;}
	#error404 .wccol-md-4,
	#maintenance .wccol-md-4{order:2;}
	#error404 .wccol-md-8,
	#maintenance .wccol-md-8{order:1;}
	#error404 h2{font-size:12rem; color:var(--main-color-primary); line-height:1;}
	#maintenance h2{font-size:4rem; color:var(--main-color-primary); line-height:1;}
	#error404 h4,
	#maintenance h4{font-size:5rem; line-height:1;}
	#error404 p,
	#maintenance p{margin:1rem 0; font-size:1.4rem;}
	#error404 a.wcbtn,
	#maintenance a.wcbtn{background:#000; color:#fff; padding:1rem 4rem;} */

	/*========== PRIVACY POLICY ==========*/


	/*========== FOOTER ==========*/
	#footer{width: 91%; border-radius: 1rem; margin: 0rem auto; padding: 4rem 0rem 8rem; background: #F7F7F7;}
	#footer .container__row{width: 87%; margin: 0 auto; max-width: 100%;}
	#footer .top .wcrow{align-items: center; row-gap: 2.7rem; padding: 0rem;}
	#footer .top .wcrow #container__logo{display: flex; justify-content: center;}
	#footer .top .wcrow #container__logo img{max-width: 25.4rem;}
	#footer .top .wcrow .nav_container{display: flex; justify-content: center; align-items: center;}
	#footer .top .wcrow a{font-family: "Inter", sans-serif; font-size: 1.48rem; font-weight: 700; line-height: 2rem; color: #000000; text-transform: uppercase;}
	#footer .top .wcrow ul.menu{display: flex; flex-direction: column; justify-content: center; align-items: center; row-gap: 2.2rem; list-style: none;}
	#footer .top .wcrow ul.menu li a{display: flex; align-items: center;}
	#footer .top .wcrow ul.menu li:has(li.lang-item){display: none;}
	#footer .top .wcrow .btn_presentation a{width: 25.2rem; display: flex; justify-content: center; align-items: center; column-gap: 1rem; padding: 1.1rem 2.4rem; border-radius: .8rem; color: #F7F7F7; background: #EB622B;}

	#footer .bottom .wcrow{align-items: center; row-gap: 3.3rem; padding: 3.7rem 0rem 0rem;}
	#footer .bottom .wcrow #social_links #widget__info{display: flex; justify-content: center; align-items: center; gap: 2.6rem;}
	#footer .bottom .wcrow #social_links #widget__info figure a:hover{background: #fefefe; }
	#footer .bottom .wcrow #social_links #widget__info img{width: 2.6rem;}
	#footer .bottom .wcrow .copyright{display: flex; justify-content: center;}
	#footer .bottom .wcrow .copyright span{font-family: "Inter", sans-serif; font-size: 1.48rem; font-weight: 400; line-height: 2rem; color: #4B4A49; text-transform: uppercase; text-align: center;}

	
}
@media screen and (min-width:768px){
	
	/*========== ERROR 404 - MAINTENANCE ==========*/

	#error-404{flex-direction: row; padding: 15rem 0rem 25rem; background: url(images/bg-404.webp) no-repeat top 9.5rem left/100%; background-size: contain}
	#error-404 > div{width: 50%;}
	#error-404 .container_info div{flex-direction: row; align-items: start; justify-content: start;}
	#error-404 .container_info h1{font-size: 5rem; line-height: 6.5rem;}
	#error-404 .container_info h1 span{font-size: 8.7rem; line-height: 9.7rem;}
	#error-404 .container_img img{max-width: 45rem;}
	#error-404 .container_info p{max-width: 68.4rem; font-size: 2.5rem; line-height: 3.5rem;}
	#error-404 .container_info div a{font-size: 2.5rem; line-height: 2.5rem;}






	/* #error404,
	#maintenance{background:url("images/404-background.png") no-repeat center 0; background-size:cover;}
	#error404 .wccol-md-4,
	#maintenance .wccol-md-4{order:1;}
	#error404 .wccol-md-4 img,
	#maintenance .wccol-md-4 img{margin:0 auto;}
	#error404 .wccol-md-8,
	#maintenance .wccol-md-8{order:2;}
	#error404 h2{font-size:15rem;}
	#maintenance h2{font-size:9rem;}
	#error404 h4,
	#maintenance h4{font-size:7rem;}
	#error404 p,
	#maintenance p{font-size:1.8rem;} */

	/*========== GLOBAL-STYLES ==========*/


	/*========== OFFCANVAS ==========*/

	
	/*========== HEADER ==========*/
	#header .container__row #container__logo a img{max-width: 19.7rem;}


	/*========== HOME ==========*/
	






	/*========== FOOTER ==========*/
	#footer{width: 98%; border-radius: 1.5rem;}
	#footer .bottom .wcrow .copyright span{text-align: start;}










	

}


@media screen and (min-width:1024px){

	/*========== HOME ==========*/


	

	/*========== FOOTER ==========*/
	#footer .bottom .copy_policies{order: 0;}
	#footer .bottom .social_links{display: block;}

	

}



@media screen and (min-width:1025px){
	
	/*========== SCROLL TOP ==========*/
	#scrollto__top{bottom:8rem;}
	#scrollto__top a#scrolltop__btn{width: 5rem; height: 5rem;}
	.chatwith.rightpos .chatwith-mainbutton{width: 5rem; height: 5rem;}

	/*========== GLOBAL-STYLES ==========*/




	/*========== OFFCANVAS ==========*/


	/*========== HEADER ==========*/
	#header .container__row #nav__header a{font-family: "RedditSans", sans-serif; font-size: 1.6rem; font-weight: 500; line-height: 2.56rem; text-transform: uppercase; color: #FFFFFF;}
	#header .container__row #nav__header ul.menu{display: flex; align-items: center; list-style: none;}
	#header .container__row #nav__header ul.menu > li{padding: .841rem 2.8rem; background: rgb(0, 0, 0,15%);}
	#header .container__row #nav__header ul.menu > li:first-child{padding-left: 5rem; border-radius: 2rem 0rem 0rem 2rem;}
	#header .container__row #nav__header ul.menu li > a{display: flex; align-items: center;}
	#header .container__row #nav__header ul.menu li.menu-item-has-children{position: relative;}
	#header .container__row #nav__header ul.menu li.menu-item-has-children > a span{font-size: 1.7rem;}
	#header .container__row #nav__header ul.menu li.menu-item-has-children ul.sub-menu{display: none; position: absolute; left: .1rem; list-style: none;}
	#header .container__row #nav__header ul.menu li.menu-item-has-children:hover ul.sub-menu{display: block;}
	#header .container__row #nav__header ul.menu li.btn_register{padding: 0rem; border-radius: 0rem 5rem 5rem 0rem; background-blend-mode: unset;}
	#header .container__row #nav__header ul.menu li.btn_register a{display: flex; column-gap: .8rem; position: relative; z-index: 2; padding: .841rem 3.2rem; border-radius: 5rem; color: #144B24; background: #BFE866;}
	#header .container__row #nav__header ul.menu li.btn_register a::before{content: ''; width: 100%; height: 5.4rem; display: block; position: absolute; top: -.6rem; left: 0rem; z-index: -1; border-radius: 5rem; background: #BFE866;}

	#header .container__row #nav__header #list__icons-header{display: none;}

	/*========== HOME ==========*/
	
	/*========== FOOTER ==========*/
	#footer{padding: 3.3rem 0rem 3.6rem;}
	#footer .container__row{width: 87%;}
	#footer .top .wcrow #container__logo{justify-content: flex-start;}
	#footer .top .wcrow .nav_container{justify-content: flex-end;}
	#footer .top .wcrow ul.menu{flex-direction: row; column-gap: 3.5rem;}
	#footer .top .wcrow ul.menu li:has(li.lang-item){display: block;}
	#footer .top .wcrow ul.menu li.menu-item-has-children{position: relative;}
	#footer .top .wcrow ul.menu li.pll-parent-menu-item a{text-transform: uppercase;}
	#footer .top .wcrow ul.menu li.menu-item-has-children > a span{font-size: 1.7rem;}
	#footer .top .wcrow ul.menu li.menu-item-has-children ul.sub-menu{display: none; position: absolute; left: .1rem; list-style: none;}
	#footer .top .wcrow ul.menu li.menu-item-has-children:hover ul.sub-menu{display: block;}
	#footer .top .wcrow .btn_presentation a{width: auto; padding: 1.7rem 2.4rem; border-radius: .6rem;}

	#footer .bottom .wcrow{padding: 2.9rem 0rem 0rem;}
	#footer .bottom .wcrow ul.menu{flex-direction: row; align-items: start; gap: 1rem; flex-wrap: wrap;}
	#footer .bottom .wcrow ul.menu li:first-child{width: 100%;}
	#footer .bottom .wcrow #social_links #widget__info{justify-content: start; gap: 1.8rem;}
	#footer .bottom .wcrow .copyright{display: flex; justify-content: flex-end;}



}

@media screen and (min-width:1500px){
	/*========== BLOG ==========*/


}


@media screen and (min-width:3000px){

	#scrollto__top{bottom:16rem;}
	#scrollto__top a#scrolltop__btn{width:10rem; height:10rem;}
	#scrollto__top a#scrolltop__btn .wcicon{font-size:7rem; line-height:10rem;}


	/*========== HEADER ==========*/

	/*========== HOME ==========*/


}