/*
Theme Name: Myriam Cameros Sierra
Author URI: http://www.davidalegria.com
Description: Un tema desarrollado en exclusiva por David Alegria para la ilustradora Myriam Cameros Sierra.
Author: David Alegria S.L.
Version: 1.0
License: GNU/GPL Version 2 or later. http://www.gnu.org/licenses/gpl.html
Copyright: (c) 2025 David Alegria S.L.
*/


:root {--blue: #a7c4e7;--primary:#B75285;/* Antes #c26d97 */--secondary:#3C76C8;/* Antes */}
body {font-family: akzidenz-grotesk-next-pro, sans-serif;font-weight: 400;font-style: normal;color:var(--primary);font-size: 1.2rem;}
p {padding:0; margin:0 0 10px 0;}
a {color:var(--primary); text-decoration: none; outline: none;}
a:hover, a:focus {color:var(--secondary); text-decoration: none;}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, strong {color:var(--primary);}
h1, .h1 {font-size:2rem;margin-bottom:1.5rem;line-height:1.1;}
h1 span.title {border-bottom:solid 7px var(--primary);color:var(--secondary);}
h1.title {font-family: akzidenz-grotesk-next-pro, sans-serif;font-weight: 700;font-style: normal;}
h1.title {text-transform:uppercase;font-size:1rem;letter-spacing:5px;}
h1.title a {text-decoration:none;color:var(--primary) !important}
h2 {}
h3 {}
h4, .h4 {font-weight:bold;font-size:1rem;text-transform:uppercase;letter-spacing:1px;}
h5, .h5 {font-weight:400;font-size:1rem;text-transform:uppercase;letter-spacing:1px;}
h1.big {font-size:3rem;font-weight:normal}
blockquote {padding-left: 30px; margin-left: 30px; border-left: solid 6px var(--secondary); color: var(--primary); font-size: 1.25rem; line-height: 1.5rem;}
.alignright, .alignleft  {float: none; margin: 15px 0 15px 0;width:100%;height:auto}
.alignnone {float: none; margin: 15px 0 15px 0;width:100%;height:auto}
.block-img {width:100%;height:auto;margin-bottom:15px;}
.elcolor {color:var(--primary);}
hr {border-top: 1px solid var(--primary);opacity:1;}
.navbar-light .navbar-nav .nav-link {color:var(--primary)}
.wp-block-image img {border-radius: .25rem !important;}
b, strong {font-weight: 700;}
.small, small {font-size:75%;line-height:1.2;}
p + h5, p + h4, ul + h4, ol + h4, table + h4, table + h5, figure + h5, figure +h4, h4 + h5, p + h3, 
p + .h5, p + .h4, ul + .h4, ol + .h4, table + .h4, table + .h5, figure + .h5, figure +.h4, .h4 + .h5, p + .h3{margin-top:3rem;}

.btn-primary { color: #fff; background-color: var(--secondary); border-color: var(--secondary);}
.btn-outline-primary { color: var(--primary); border-color: var(--primary);}
.bg-light {background-color:#cafeeb !important}
.bg-primary {background-color:var(--secondary) !important}
.bg-cdc {background-image:url('img/franja.jpg');background-position:center;background-repeat:repeat;background-size:contain}
.btn-primary:hover {  color: #fff;  background-color: var(--primary);  border-color: var(--primary);}
.btn-outline-primary:hover {  color: #fff;  background-color: var(--secondary);  border-color: var(--secondary);}

.logo {font-size:2rem;}

.error {border:solid red 1px}
.success-message {display:none}

div#pdcc-message-container {background-color: #f5f5f5 !important;}

.offcanvas-bottom {
    height: auto;
    min-height: 50vh;
}


/*** NAV ***/

.navbar-brand {margin:0}
.navbar-toggler {border:none;font-size: 1.5rem;padding:0;transform: translateX(0px);}
.navbar-nav {}
.nav-link {padding: 0 1rem;font-size:2rem;}

.menu_nav:hover {color:var(--secondary)}
.menu_nav:focus {color:var(--secondary)}
.menu_nav_on i {color:var(--secondary)}
	
.menu_ken {}
.menu_ken li {}	
.menu_ken li a {color:var(--primary)}
.menu_ken li a:hover, .menu_ken li a:focus {text-decoration: none;color:var(--secondary)}
.navbar-light .navbar-nav li.current-menu-item .nav-link, .navbar-light .navbar-nav li.current_page_ancestor .nav-link, .navbar-light .navbar-nav li.current_page_parent .nav-link {color:var(--secondary);}

.menu_ken_sec {margin:0;padding:0}
.menu_ken_sec li {list-style:none;display:inline-block;line-height:1.1rem;margin-right:10px}	
.menu_ken_sec li a {color:var(--primary)}	
.menu_ken_sec li a:hover, .menu_ken_sec li a:focus {text-decoration: none;color:var(--secondary);}
.menu_ken_sec li.current-menu-item a, .menu_ken_sec li.current_page_ancestor a, .menu_ken_sec li.current_page_parent a {color:var(--primary);}

	
/*** MAIN ***/

.fondo {background:#c26d97; position:fixed;bottom:0;left:0;top:0;right:0;z-index:0;background-repeat:no-repeat;background-position:center center;-o-background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;}
.containter_da {/*-webkit-box-shadow: 0px 0px 23px -3px #999;-moz-box-shadow: 0px 0px 23px -3px #999;box-shadow: 0px 0px 23px -3px #999;*/border:solid 0px var(--secondary);}
.containter_da ul li {list-style:square}
.containter_da p a, .containter_da a {text-decoration: underline;}
.containter_da p.noticia-date a, .containter_da a.btn, .containter_da p a.btn, .noticia h3 a, .containter_da h5 a, .containter_da h2 a, .servicio a, .containter_da .pagination li a {text-decoration: none;}
.containter_da ul, .containter_da ol {padding-left:15px}
.containter_da .embed-responsive {margin:15px 0}
.container_padding {padding-bottom:50px}
.noticia-date {margin-top:0;text-transform:uppercase;letter-spacing:1px}
.containter_da .pagination li {list-style:none}
.containter_da ul.pagination {padding:0}
.card {height:100%;border: 1px solid var(--secondary);}
h4.perfil {font-size:0.85rem;margin-bottom:5px}
p.perfil {font-size:0.85rem;line-height:1}
h6.date {text-transform:uppercase;font-size:1rem;color:var(--primary)}

.card-body {color:var(--primary);}


/*** FOOTER ***/


/*** MOBILE ***/

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 
    /*.navbar-toggler {transform: translateX(20px);}*/
    .containter_da {/*border:solid 1px #a7c4e7;*/}
    .nav-link {padding: 0 1rem;font-size:1.3rem;}
    .logo {font-size:3rem;}
    h4, h5 {letter-spacing:5px;}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .navbar-toggler {}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	
    .navbar-toggler {}
    
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
	
}