/*Theme Name: PigFlex Theme
Theme URI: http://pigflex.com/
Author: Pig Flex
Author URI: http://pigflex.com/
Description: Naked Versión of WP Theme
Version: 2.5 */


/* NORMALIZE */
button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figure{margin:1em 40px}hr{box-sizing:content-box;height:0; width:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}



/* GENERAL */
html, body {max-width: 100%; overflow-x: hidden;}
body{font-family: sans-serif; font-size: 18px; overflow-x: hidden; background: #270602;}
h1{font-size: 2.2em; text-align: left; font-weight: 600; text-transform: uppercase; margin: 20px 0 0;}
h2{font-size: 2em; text-align: left; font-weight: 600; text-transform: uppercase; margin: 20px 0;}
h3{font-size: 1.5em; text-align: left; font-weight: 600; text-transform: uppercase; margin: 20px 0;}
h4{font-size: 1.2em; text-align: left; font-weight: 600; text-transform: inherit; margin: 20px 0;}
h5{font-size: 1.15em; text-align: left; font-weight: 600; text-transform: inherit; margin: 20px 0;}
h6{font-size: 1.1em; text-align: left; font-weight: 600; text-transform: inherit; margin: 20px 0;}
a{text-decoration: none; color: #734219;}
b, strong{font-weight: 600;}
p {margin: 20px 0; line-height: 1.5;}
img{max-width: 100%; height: auto;}
li {line-height: 2em;}
#contenedor {margin: 0 auto; padding: 0; background: #ffb547;}
header{height: 286px; background: url(https://cancionerocr.com/wp-content/uploads/guitar-top.png) top center no-repeat; background-size: cover; background-position-y: bottom;}
.content-home{background: #ffb547; padding: 0 3em !important;}
.content-compra{background: #ffb547; padding: 0 3em !important;}
.content-cierre {height: 349px; margin: 0 auto; width: 100%; clear: both; background: url(https://cancionerocr.com/wp-content/uploads/guitar-bottom.png) top center no-repeat; background-size: cover;}


/* LOGO */
#logo-home {margin: 3em 3em 0; height: 132px;}

/* SLIDER */

/* NUEVOS */

.contanto-link a{color: black; text-decoration: underline;}

.autores-img{width: 180px;}
.selah-logo{width: 200px;}
.page-id-7864 h1{display: none !important;}	
.selah-music-logo{width: 300px; height: auto;}
.comprar-cnt{background: #dc8f23; text-align: center; border-radius: 12px; padding: 0; margin: 4em 1em 3em;}
.compra-cnt{padding: 0 !important; margin: 0 auto;}
.compra-cnt a{    display: block;
    color: white;
    text-align: center;
    margin: 1rem 0;
    font-size: 18px;
    background: brown;
    border-radius: 6px;
    padding: 4px 20px;
    width: fit-content;}

.compra-cnt a:hover{background: #731010; }

.comprar-txt{padding: 6px !important; color: white; border-radius: 12px; text-align: center; margin:1em;}
.compra-txt{padding: 3em 0 !important; text-align: justify;}
.comprar-txt{padding: 6px !important; color: white; border-radius: 12px; text-align: center; margin:1em;}
.comprar-btn{color: white; background: #b44708; padding: 6px !important; margin: 1em; border-radius: 12px;}
.comprar-btn a{color: white;}
.comprar-btn a:hover{color:#ffb644;}

.comun-txt{padding: 3em !important; text-align: justify;}
.content-img{margin: 0 auto;}
.guitar-img-home{width: 100%; height: 640px; clear: both; background: url(https://cancionerocr.com/wp-content/uploads/guitarra-costarica.png) center center no-repeat; background-size: cover;}
.guitar-img-home img{margin: 92px auto;}


/* MENU */
li.current_page_item {background: #fdb54f;
    padding: 21px 23px !important;
    border-radius: 12px;
}
.comprar-btn-top{background: #b44708; padding: 21px 23px !important; border-radius: 12px;}
.social-icon-top{width: 30px; background: #b44708; padding: 6px !important; border-radius: 12px; margin: 0 2px 0 20px;}
.social-icon-top a:hover{color: #ec3604 !important;}
nav > div > ul > li > a:hover {color: #e8946a; }
nav {position: absolute; margin: 20px -1em; width: 100%; text-align: center;}
nav li {line-height: 0;}
nav > div > ul{margin: 0  20px; float: right;}
nav > div > ul > li {display: inline-block; position: relative; padding: 14px 12px; vertical-align: middle;}
nav > div > ul > li > a {transition: 0.6s color; font-weight: 600; font-size: 16px; letter-spacing: 1px; display: block; color: #fff; text-align: center; text-decoration: none; transition: .5s ease; text-transform: uppercase;}
nav > div > ul > li > ul {position: absolute; left: 0; margin: 0; padding: 0; list-style: none; text-align: left; background: #f7e89c; width: -moz-max-content; width: -webkit-max-content; width: max-content; display: none; z-index: 200; min-width: 100%;}
nav > div > ul > li:hover > ul{display: block;}
nav > div > ul > li > ul > li > a, nav > div > ul > li > ul > li > ul > li > a {font-size: 13px; color: #000; display: block; padding: 15px; transition: .5s ease;}
nav > div > ul > li > ul > li:hover > a {background: #f5c426;}
nav > div > ul > li > ul > li > ul {list-style: none; padding: 0; margin: 0; display: none; position: absolute; left: 100%; top: 0; z-index: 100; width: -moz-max-content; width: -webkit-max-content; width: max-content; background: #f5c426; min-width: 100%;}
nav > div > ul > li > ul > li{position: relative;}
nav > div > ul > li > ul > li:hover > ul {display: block;}
nav > div > ul > li > ul > li > ul > li:hover > a {background: #d0a417;}
#languages {list-style: none; margin: 0; text-align: center; padding: 1.5em 1em;}
#languages li {display: inline-block;}
#languages li a {text-indent: -999999px; display: block; width: 40px; height: 40px; margin: 10px;}
#languages li.lang-item-es a {background: url(image/icon-espana32.png) center center no-repeat; background-size: cover;}
#languages li.lang-item-en a {background: url(image/icon-usa32.png) center center no-repeat; background-size: cover;}

/* GRID */
.grid {width: 1200px; margin: 0 auto 4em; max-width: 80%; padding: 0; text-align: center; position: relative;}
.grid-article {display: inline-block; position: relative; width: 33%; vertical-align: top; max-width: 100%;}
.grid-article > div {position: relative; margin: 20px;}
.grid-article h3 {text-align: left; font-size: 1.1em; margin: 0;}
.grid-article h3.blog-title {text-align: center; margin: 10px 0;}
.grid-article a, .grid-article img {display: block;}
.grid-article .fecha {text-align: left; margin: 0 0 10px;}
.grid-article p {font-size: 0.9em; text-align: justify;}
.grid-article span {position: absolute; bottom: 0; background-color: #f5c426; padding: 10px 45px; right: 0; color: #1c232f; text-transform: uppercase; font-weight: 900; transition: .5s ease; font-size: 14px;}
.grid-article a:hover span {background-color: #1c232f; color: white; }
#old_posts {font-size: 14px; border: 2px solid #f7e89c; width: 161px; padding: 16px 20px; border-radius: 5px; color: #1c232f; text-decoration: none; transition: 0.4s; position: absolute; right: 20px; bottom: -50px;}
#old_posts:hover {background-color: #f7e89c; color: #1c232f; transition: .5s ease; }


/* FORMULARIOS */
#form {margin: 0; padding: 0;}
#form > * {display: inline-block; vertical-align: middle; margin: 0;}
.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]), .nf-form-content textarea {background: white !important; border-radius: 8px !important;}
.nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] { background: #b3450e !important; color: white !important;}

/* FOOTER */
footer {margin: 0 auto; width: 100%; clear: both; height: 349px; width: 100%; background: url(https://cancionerocr.com/wp-content/uploads/guitar-bottom.png) bottom center no-repeat; background-size: cover; background-position-y: top;}
footer h3 {text-align: left;}
footer .fa {font-size: 40px; margin-right: 5px;}
#widget-footer {margin: 0 auto; text-align: center; padding: 0 20px; color: white;}
#widget-footer a{color: white; text-decoration: underline;}
#widget-footer > div {padding: 14em 0 1em; text-align: right; margin: 0 1em;}
#locationTag{display: none;}

/* CUSTOMS */
.customS{ transition: 0.6s color; font-weight: 600; font-size: 16px; letter-spacing: 1px;  display: block; text-align: center; padding: 15px; list-style: none; transition: .5s ease; text-transform: uppercase; background-color:#ffffff;}
.customS:hover{ transition: .5s ease;}

/* INTERNA */
#category-list {display: block; margin: 0 auto 4em; width: -moz-fit-content; width: -webkit-fit-content; width: -fit-content;}
#category-list h3 {text-align: left; font-size: 1.2em; margin: 15px 0;}
#subheader {text-align: center; margin: 1em 0;}
#subheader > *{display: inline-block; margin:0 10px; vertical-align: middle;}
#subheader .menu {list-style: none; margin: 0; padding: 0;}
#subheader .menu > li{position: relative;}
#subheader .menu > li > a {display: inline-block; border: 1px solid #ccc; padding: 10px; line-height: 1; font-size: 12px; color: #555; text-transform: uppercase;}
#subheader .menu > li > ul {display: none; margin: 0; padding: 0; list-style: none; position: absolute; background: #FFF; width: calc(100% - 2px); border: 1px solid #ccc; border-radius: 0 0 5px 5px; z-index: 999; top: calc(100% - 1px); text-align: center;}
#subheader .menu > li > ul > li > a {font-size: 11px; line-height: 1; color: #666; display: block; padding: 10px 5px;}
#subheader .menu a:hover{background: #efefef;}
#subheader .menu > li:hover > ul{display: block;}
#subheader script {display: none;}
body#es .addtoany_content > div::before {content: "Compartí esta página"; display: block; margin-bottom: 3px; margin-left: 5px; font-weight: bold !important;}
body#en .addtoany_content > div::before {content: "Share this page"; display: block; margin-bottom: 3px; margin-left: 5px; font-weight: bold !important;}

/* RESPONSIVE */

@media screen and (min-width:1500px) {}
@media screen and (min-width:1300px) {}
@media screen and (min-width:1100px) {}		
@media screen and (max-width:900px) {
	header {height: 190px;}
	nav {display: none;}
	html {padding-top: 0 !important;}
	#logo-home {margin: 20px auto 0;}
	.content-home {padding: 0 1em !important;}
	.comun-txt {padding: 2em !important;}
	.comprar-btn-top {padding: 0 !important; border-radius: 0;}
	#mg-wprm-wrap div.wpr_search {display: none;}
	li.current_page_item {background: none; padding: 0 !important;}
	.social-icon-top {width: 70px; background: #290000; padding: 20px 0 !important; border-radius: 12px; display: inline-flex;}
	.comprar-txt {margin: 0 1em;}
	#widget-footer > div {text-align: center;}
	.selah-music-logo {text-align: center; margin: 0 auto;}
	#mg-wprm-wrap li.menu-item a {padding: 22px 14px;}
	.guitar-img-home {width: 100%; height: auto; background-size: auto;}
	.guitar-img-home img {margin: 92px auto; width: 58%;}
	.autores-img {width: 200px; margin: 0 auto;}
	.content-compra {flex-direction: column-reverse !important; display: block !important;}
	.videos-img{margin: 0 auto !important;}
}

@media screen and (max-width:780px) {}
@media screen and (max-width:600px) {}	

@media screen and (max-width:428px) {
	.compra-cnt a{margin: 1rem auto!important;}
#logo-home {width: 90%;}
.content-compra {padding: 0 1em !important;}
.content-compra img{margin: 0 auto !important;}
.guitar-img-home {background-size: 240%;}
.guitar-img-home img {width: 66%;}
.selah-logo {margin: 0 auto;}
.comun-txt {padding: 1em !important;}
.selah-music-logo {width: 266px;}
.compra-cnt {padding: 1em !important;}
.compra-cnt p{text-align: center !important;}
#widget-footer > div {padding: 11em 0 0;}
}

@media screen and (max-width:400px) {}
@media screen and (max-width:340px) {}
@media screen and (max-width:320px) {}
@media screen and (max-width:300px) {}