/*
	Theme Name: Geseme Blog
	Description: Blog para la comunicación interna de Geseme // Twenty Seventeen Child
	Author: Studio Dalia
	Author URI: https://www.studiodalia.com/

	Version: 1.0.0

	Template: twentyseventeen
    Text Domain:  gesemeblog


*/

:root {
    --color1: #005bef;
    /* azul geseme */
    
    --color2: #041367;
    /* azul índigo */
    
    --color3: #b9defa;
    /* azul celeste */
    
    --color4: #ffcdad;
    /* terracota */
    
    --color5: #f0f56e;
    /* limon*/
    
    
}

/* Fonts */

@font-face {

font-family: AtypBLText-Regular;
src: url(https://comunicacioninterna.geseme.com/wp-content/themes/gesemeblog/fonts/Geseme-AtypBLText-Regular.otf);
font-weight: 400;

}

@font-face {

font-family: AtypBLText-Medium;
src: url(https://comunicacioninterna.geseme.com/wp-content/themes/gesemeblog/fonts/Geseme-AtypBLText-Medium.otf);
font-weight: 500;

}

body, button, input, select, textarea {
	font-family: "AtypBLText-Regular", Arial, sans-serif!important;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "AtypBLText-Medium", Arial, sans-serif!important;
}

/* Header */


.site-header {
    background-color: #fff;
    border-bottom: 1px solid rgba(0,0,0,.1);   
}

.site-header::before {
    display: none;}


.site-header #gesemeheader {
    display: grid;
    max-width: 1300px;
    margin: 40px auto 25px;
    padding: 0px 30px;
    grid-template-columns: 1fr;
    align-items: center;   
}

@media screen and (min-width: 530px) {
    .site-header #gesemeheader {
        grid-template-columns: 260px 1fr;
    }
}

@media screen and (min-width: 740px) {
    .site-header #gesemeheader {
        grid-template-columns: 350px 1fr;
    }
}

#blogclaim {
    text-align: left;
    padding-left: 10px;
}

@media screen and (min-width: 530px) {
   #blogclaim {
        text-align: right;
    }
}

#blogclaim p{
    color: var(--color1);
    font-size: 16px;
    letter-spacing: 1px;
    margin: 0px!important;
    transition: all .5s ease;
}

@media screen and (min-width: 740px) {
    #blogclaim p{
        font-size: 18px;
    }
}

#gesemelogo {
    width:250px;
    margin-left: 10px;
    transition: all .5s ease;
}

@media screen and (min-width: 740px) {
    #gesemelogo {
        width:350px;
         margin-left: 20px;
    }
}

/* Site Content */

@media screen and (min-width: 48em) {
    .wrap {
      max-width: 1300px;
      padding-left: 3em;
      padding-right: 3em;
    }
}

.site-content .wrap .page-header {display: none;}

@media screen and (min-width: 48em) {
    .has-sidebar:not(.error404) #primary {
      width: 60%;
    }
    
   .has-sidebar #secondary {
      width: 35%;
    }
}

@media screen and (min-width: 65em) {
    .has-sidebar:not(.error404) #primary {
      width: 70%;
    }
    
   .has-sidebar #secondary {
      width: 25%;
    }
}



body, li a {
    color: var(--color2)!important;
}

.entry-content::before {display:none;}
.entry-header{padding:0px!important;}


/* Buttons */
.entry-footer .edit-link a.post-edit-link {
    background-color: var(--color1);
}

.entry-footer .edit-link a.post-edit-link:hover {
    background-color: var(--color2);
}

button.search-submit{ border-radius: 0px;}

button, input[type="button"], input[type="submit"]{
    background-color:var(--color1)!important;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-radius: 20px;
}
button:hover, input[type="button"]:hover, input[type="submit"]:hover{
    background-color: var(--color2)!important;
}

/* Widgets */

h2.widget-title {color:var(--color2);}
.entry-meta, .entry-meta a{color:var(--color2);}

.widget ul li a:hover {
  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 var(--color1);
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 var(--color1);
}

.widget ul li, .widget ol li {
  border-bottom: 1px solid var(--color3);
  border-top: 1px solid var(--color3);
}

.widget-title {
     color: var(--color1)!important;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
  color: var(--color1)!important;
    border: 1px solid var(--color1);
}

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {
  color: var(--color1)!important;
    border: 1px solid var(--color3);
}

input::placeholder {
  color: var(--color3)!important;
}

/* Footer */

.site-footer {
  border-top: 0px solid #fff;
    background-color: var(--color1);
    text-align: center;
    color: #fff;
    padding-top: 20px;
}

/* Post */

.byline {
  display: none!important;
}

.continuar {
    padding-top: 0px;
}

.entry-title, .entry-title a {
    color: var(--color1);
}

.entry-title:hover, .entry-title a:hover {
    color: var(--color2);
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0px 0 rgb(0, 0, 0);
}

.continuar a {
    color: var(--color1);
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0px 0 rgba(0, 0, 0, 1);
}

.continuar a:hover {
    color: var(--color2);
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 var(--color1);
}

.next.page-numbers, .prev.page-numbers {
  background-color: var(--color3);
  color: var(--color2);
}

.next.page-numbers:hover, .prev.page-numbers:hover {
  background-color: var(--color1);
  color: #fff;
}

.page-numbers {
  color: var(--color2);
}

.page-numbers.current {
  color: var(--color1);
}

.post-navigation a:focus, .post-navigation a:hover, .pagination a:not(.prev):not(.next):focus, .pagination a:not(.prev):not(.next):hover, .comments-pagination a:not(.prev):not(.next):focus, .comments-pagination a:not(.prev):not(.next):hover {
  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 var(--color1);
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 var(--color1);
}

.nav-subtitle {
  color: var(--color2);
}

.nav-title {
  color: var(--color1);
}