/*
Theme Name: Occasio Child
Theme URI: https://themezee.com/themes/occasio/
Template: occasio
Author: ThemeZee
Author URI: https://themezee.com/
Description: Occasio is a sleek and modern Blogging & Magazine WordPress Theme, carefully designed for writers using the Gutenberg Block Editor. The theme supports several blog layouts, extensive post settings and various page templates. It is also AMP-ready and accessible. Start your blog now!
Tags: one-column,blog,news,custom-background,custom-logo,custom-header,custom-menu,grid-layout,entertainment,editor-style,block-styles,rtl-language-support,featured-image-header,featured-images,flexible-header,custom-colors,full-width-template,sticky-post,threaded-comments,translation-ready,theme-options,two-columns,three-columns
Version: 1.0.2.1612992950
Updated: 2021-02-10 21:35:50

*/

/*--------------------------------------------------------------
# - CSS Variables
--------------------------------------------------------------*/

:root {
	--primary-color: #2a4861;
	--secondary-color: #5d7b94;
	--tertiary-color: #90aec7;
	--accent-color: #60945d;
	--contrast-color: #e63e4c;
	--highlight-color: #915d94;
	--light-gray-color: #ededef;
	--gray-color: #84848f;
	--dark-gray-color: #24242f;
	--text-color: rgba(0, 0, 0, 0.9);
	--medium-text-color: rgba(0, 0, 0, 0.7);
	--light-text-color: rgba(0, 0, 0, 0.5);
	--medium-border-color: rgba(0, 0, 0, 0.3);
	--light-border-color: rgba(0, 0, 0, 0.1);
	--link-color: #343537;
	--link-hover-color: #2a4861;
	--button-color: #fff;
	--button-text-color: #000;
	--button-hover-color: #000;
	--button-hover-text-color: #fff;
	--header-background-color: #fff;
	--header-sub-background-color: #fff;
	--header-text-color: #000;
	--header-text-hover-color: rgba(0, 0, 0, 0.7);
	--header-border-color: rgba(255, 255, 255, 0.1);
	--title-color: #000;
	--title-hover-color: #000;
	--post-meta-background-color: #ededef;
	--comments-background-color: #ededef;
	--widget-title-color: #fff;
	--widget-title-hover-color: #fff;
	--widget-background-color-text: #000;
    --widget-background-color: #fff;
	--footer-background-color: #000;
	--footer-text-color: rgba(255, 255, 255, 0.6);
	--footer-link-color: #fff;
	--footer-link-hover-color: rgba(255, 255, 255, 0.6);
	--footer-border-color: rgba(255, 255, 255, 0.1);
	--text-font: 'Montserrat', sans-serif;
	--title-font: 'Montserrat', sans-serif;
	--navi-font: "Barlow", arial, helvetica, sans-serif;
	--widget-title-font: "Barlow", arial, helvetica, sans-serif;
	--title-font-weight: bold;
	--navi-font-weight: bold;
	--widget-title-font-weight: bold;
	--title-text-transform: none;
	--navi-text-transform: none;
	--widget-title-text-transform: none;
	--text-line-height: 1.75;
	--title-line-height: 1.1;
}

/*--------------------------------------------------------------
# - Elements
--------------------------------------------------------------*/

blockquote {
	margin: 1.75rem 0;
	padding-left: 1.5rem;
	border-left: 5px solid;
	border-color: rgba(0, 0, 0, 0.1);
	border-color: #e84545;
	color: rgba(0, 0, 0, 0.5);
	color: var(--text-color);
	font-family: var(--text-font);
	font-weight: bold;
}

ul,
ol {
	margin: 1.75rem 0;
	padding: 0 15px 0 15px;
}

ul {
	list-style: none;
}

/*--------------------------------------------------------------
# - Botón Buscar
--------------------------------------------------------------*/

.wp-block-search__label{
	display: none;
}

.wp-block-search__input{
	border-right: none;
}

.wp-block-search .wp-block-search__button {
	margin-left: 0em;
	background: black;
    color: white;
	border: 1px solid black;
    border-left: none;
    margin-left: -20px;
	transition: all 500ms;
}

.wp-block-search .wp-block-search__button:hover {
	
	background: rgb(54, 23, 28) none repeat scroll 0% 0%;
	
}


/*--------------------------------------------------------------
# - Site Layout
--------------------------------------------------------------*/
.site {
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	overflow: hidden;
	max-width: 1240px;
    background: white;
}

/*--------------------------------------------------------------
# - Header
--------------------------------------------------------------*/
.site-header {
	#background-color: #2a4861;
	#background-color: var(--header-background-color);
	box-shadow: 0px 4px 17px #000000a3;
	margin-bottom: 20px;
}

/* Site Branding */
.site-branding {
	display: flex;
	margin: 20px 0;
	padding: 0;
	width: 100%;
	flex-direction: column;
	justify-content: center;
	text-align: center;
}


/*--------------------------------------------------------------
# - Navigation
--------------------------------------------------------------*/

/* Submenus */
.main-navigation ul ul {
	font-size: 16px;
	font-size: 1rem;
	box-shadow: 5px 5px 16px rgb(0,0,0, 0.5);
	background-color: #2a4861;
	background-color: var(--header-sub-background-color);
	border-radius: 2px;
}



/*--------------------------------------------------------------
# - Sidebar
--------------------------------------------------------------*/

.sidebar .widget {
	padding: 0rem;
}

.sidebar .widget_recent_entries ul li {
    margin-bottom: 13px;
	text-decoration: none;
	padding-bottom: 8px;
	border-bottom: 2px solid black;
}

.sidebar .widget_recent_entries ul li a{
	color: #000;
	font-weight: bold;
	text-decoration: none;
	transition: all 250ms;
}

.sidebar .widget_recent_entries ul li a:hover{
	color: rgb(0,0,0, .5);
	font-weight: bold;
	text-decoration: none;
}

/*--------------------------------------------------------------
# - Single Posts and pages
--------------------------------------------------------------*/

/* Entry Header */
.entry-header {
	margin-bottom: 0.5rem;
}

.entry-header h1{
	text-align: center;
	font-size: 3rem;
	#display: none;
	color: #343537
}

.entry-title {
	margin: 0;
	padding: 0;
	/* color: #2a4861 */;
	color: (--title-color);
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	font-size: 24px;
	font-size: 1.5rem;
	font-family: "Barlow", arial, helvetica, sans-serif;
	font-family: var(--title-font);
	font-weight: bold;
	font-weight: var(--title-font-weight);
	text-transform: none;
	text-transform: var(--title-text-transform);
	line-height: 1.4;
	line-height: var(--title-line-height);
}

.entry-til

.entry-title a:link,
.entry-title a:visited {
	color: (--title-color);
	text-decoration: none;
	transition: all 0.15s ease;
}

.entry-title a:hover,
.entry-title a:active {
	color: (--title-hover-color);;
}


/* Read More Button */

.entry-content .entry-excerpt{
	display: none;	
}

.more-link {
	display: none;
	padding: 0.6rem 1rem;
	color: #fff;
	color: var(--button-text-color);
	background-color: #2a4861;
	background-color: var(--button-color);
	font-size: 15px;
	font-size: 0.9375rem;
	border: 1px solid #000;
	font-weight: bold;
}

.site-info .credit-link {
	display: none;
}

/* SOCIAL LIKE PAGE */


.social-icons-like {
    position: fixed;
    top: 300px;
    left: -6px;
}

.social-icons-like ul li{
    text-decoration: none;
    list-style: none;
}

.fab{
    color: black;
    font-size: 30px;
    transition: all 100ms;
}

.fab:hover {
    font-size: 32px;
}

@media (max-width: 1000px) {

    .social-icons-like{
        display: flex;
        width: 100%;
        position: relative;
        top: auto;
        left:auto;
    }

    .social-icons-like ul{
        display: flex;
        justify-content: center;
        align-items: center;
        text-decoration: none;
        list-style: none;
        margin: none;
        width: 100%;
    }

    .fab{
        margin: 10px;
    }


  }

/* ALERT NOTICE */


.card-primary-notice  a {
    width: 100%;
    text-decoration: none;
    border-style: none;
    color:  white;
    display: flex;
    justify-content: center;
    align-items: center;
}


.card-notice{
    color: black;
    background-color: #FFD814;
    padding: .6rem;
    font-weight: bold;
    text-align: center;
    border-radius: 15px;
    width: 85%;
    transition: all 250ms;
} 

.card-notice:hover{
    color: black;
    background-color: #ffe814;
    padding: .6rem;
    font-weight: bold;
    text-align: center;
    border-radius: 5px;
    width: 85%;
} 



/* Afiliated CSS */



.section-product {
    font-family: "Lato", sans-serif;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 auto;
}

.product-afiliated {
    background-color: white;
    max-width: 420px;
    position: relative;
    margin: 19px;
    text-align: center;
    margin-bottom: 15px;
	padding: 5px;
	/* border: 1px solid #8080803b; */
	min-height: 389px;
}

.product-afiliated img {
    width: auto;
    height: 205px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    -webkit-background-clip: content-box;
    background-clip: content-box;
}

.product-afiliated-heading {
    font-size: 19px;
    font-weight: 400;
    margin: 0 5px 5px 5px;
    text-align: center;
}

.product-afiliated-buttton {
    width: 100%;
}

/* BOTONES ENLACE */

.botonesv2 {
    width: 100%;

    
    display: flex;
    justify-content: center;
    flex-wrap: wrap;

}

.botonesv2 a {
    text-decoration: none;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
}

.botonesv2 a p {
    padding: 0;
    margin: 0;
	font-size: 16px
}


.btnv2 {
    width: 328px;
    display: inline-block;
    color: white;
    text-align: center;
    padding: 12px 40px;
    border-radius: 5px;
    margin: 15px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
}

.btnv2verde {
    background: rgb(119, 178, 85);
    transition: all 500ms;
}

.btnv2rojo {
    background: rgb(187, 22, 22);
    transition: all 500ms;
}

.btn2purple {
	background: #1946B8;
    transition: all 500ms;
}

.btn2yellow {
	background: #f9b61e;
	transition: all 500ms;
}

.btnv2rojo:hover {
    background: rgb(255, 10, 10);
    transition: all 500ms;
}

.btnv2verde:hover{
        background: rgb(101, 180, 55);
}


.max-width {
	max-width: 350px;
}

/* IMAGEN */ 

.wp-post-image {
    margin: 0;
    padding: 0;
    vertical-align: top;
    margin: 0;
    border-radius: 5px;
    box-shadow: 0px 5px 25px #00000017;
    padding: 0;
    vertical-align: top;
}

/* ÚLTIMA NOTICIAS  */

.wpp-cards li {
    display: flex;
    list-style: none;
    margin: 0 0 1.2em 0;
    padding: 0 0 1em 0;
    border-bottom: #ddd 1px solid;
    padding: 6px;
    border-radius: 5px;
    box-shadow: 0px 1px 5px #00000040;
}

/*--------------------------------------------------------------
# - Widgets
--------------------------------------------------------------*/

.widget .widget-title {
	margin: 0 0 1rem;
	padding: 1.5rem;
	text-align: center;
	color: var(--widget-title-color);
	background-color: var(--widget-background-color-text);
	border-radius: 5px;
	box-shadow: 2px 2px 19px rgb(0 0 0 / 23%);
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	font-size: 20px;
	font-size: 1.25rem;
	font-family: "Barlow", arial, helvetica, sans-serif;
	font-family: var(--widget-title-font);
	font-weight: bold;
	font-weight: var(--widget-title-font-weight);
	text-transform: none;
	text-transform: var(--widget-title-text-transform);
	line-height: 1.4;
	line-height: var(--title-line-height);
}

.archive-title entry-title {
	display: none;
}

/*--------------------------------------------------------------
# - Widgets Linea 2228
--------------------------------------------------------------*/

.widget_text{
	display: none;
}
/*--------------------------------------------------------------
# - Media Queries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## - Media Queries for Typography
--------------------------------------------------------------*/

@media only screen and (max-width: 960px) {
	.site-branding {
		width: auto;
	}
}

@media only screen and (min-width: 1280px) {
	.site-title {
		font-size: 36px;
		font-size: 3.25rem;
	}

}

/*--------------------------------------------------------------
## - Media Queries for Navigation
--------------------------------------------------------------*/
@media only screen and (min-width: 400px) {
	.primary-menu-toggle .menu-toggle-text {
		display: block;
		margin-left: 0.75rem;
	}
}

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

	.primary-navigation {
		display: flex;
		margin-left: auto;
		width: 100%;
		justify-content: center;
		align-items: center;
		background: white;
		text-transform: uppercase;
		border-radius: 7px;
		margin-top: 9px;
	}
	
	.site-header {
		background: black;
	}
	
	.site-title a:link, .site-title a:visited {
		color: #fff;
		/* color: var(--header-text-color); */
		transition: all 0.15s ease;
	}
	
	.main-navigation ul a {
		display: block;
		margin: 0;
		padding: 1rem;
		border-bottom: 1px solid;
		border-color: rgba(255, 255, 255, 0.1);
		border-color: var(--header-border-color);
		text-decoration: none;
		text-transform: uppercase
	}

	.main-navigation ul a,
	.main-navigation ul a:link,
	.main-navigation ul a:visited {
		color: #fff;
		color: var(--header-text-color);
		text-decoration: none;
		transition: all 0.15s ease;
	}
}    
}