@import url('https://fonts.googleapis.com/css?family=Montserrat:200,400|Open+Sans');

/*BODY*/
body {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #777777;
}


/*TÍTULOS----------*/
h3, h4, h5, h6, .h3, .h4, .h5, .h6 {
	font-family: 'Montserrat', sans-serif;
	color: #525d7d;
	font-weight: 200;
}
h1.seigoo-titulo {
    font-family: 'Montserrat';
    color: #FFFFFF;
    font-weight: 800;
    font-size: 3.3em;
    letter-spacing: .033em;
    text-align: center;
}

.seigoo-titulo {
	font-family: 'Montserrat';
    color: #FFFFFF;
    font-weight: 400;
    font-size: 3.3em;
    letter-spacing: .033em;
    text-align: center;
    margin-top: 1.5em;
}
.seigoo-titulo2 {
	font-family: 'Montserrat';
    color: #FFFFFF;
    font-weight: 200;
    margin-top: -5px;
    letter-spacing: -.05em;
    font-size: 28px;
    text-align: center;
}
@media only screen and (max-width: 1199px) {
.seigoo-titulo {
	font-size: 40px;
}
.seigoo-titulo2 {
    font-size: 22px;
}
}

h1.h2.content-title {
	font-family: 'Montserrat';
	font-size: 36px;
	font-weight: 400;
	color: #01A4EF;
}
h1, .h1 {
    font-family: 'Montserrat';
    font-weight: 600;
    color: #01A4EF;
}
h2, .h2 {
	font-family: 'Montserrat';
	font-weight: 200;
	color: #01A4EF;
}

@media only screen and (max-width: 767px) {
h1.h2.content-title {
    font-size: 28px;
    font-weight: 200;
}
.content-list .content-thumbnail+.content-title {
    margin-top: 10px !important;
}}

/*ENLACES----------*/
a {
    color: #01A4EF;
}
a:focus, a:hover {
    color: #777777;
    text-decoration: none;
}


/*NEGRITA----------*/
b, strong {
    font-weight: 600;
}


/*MENÚ----------*/
.ds-menu-seigoo {
    text-align: right;
    margin-top: 15px;
}
@media only screen and (max-width: 767px) {
    .ds-menu-seigoo {
    margin-top: -15px;
}}

a.btn.btn-primary.btn-blog {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 800;
    margin-top: 4px;
    padding: 12px 25px;
    color: #0080dd;
    background-color: #ffffff;
    box-shadow: 2px 3px 9px rgb(0 0 0 / 20%);
    border-color: #ffffff;
}
@media only screen and (max-width: 767px) {
    a.btn.btn-primary.btn-blog {
    text-align: center;
}}
@media only screen and (max-width: 1067px) {
    a.btn.btn-primary.btn-blog {
    display: none;
}}
@media only screen and (max-width: 767px) {
    a.btn.btn-primary.btn-seigoo {
    display: table;
    margin: auto;
    table-layout: fixed;
}}


/*BOTONES----------*/
.btn {
    padding: 5px 12px 5px 12px;
    font-size: .8em;
    border-radius: 100px;
    text-transform: uppercase;
}
.btn-default {
    color: #777777;
}
.btn-primary {
    color: #ffffff;
    background-color: #01A4EF;
    border-color: #01A4EF;
}
.btn-primary.active, .btn-primary:active, .btn-primary:hover, .open>.btn-primary.dropdown-toggle {
    color: #01A4EF;
    background-color: #ffffff;
    border-color: #01A4EF;
}
.btn-primary.focus, .btn-primary:focus {
    color: #ffffff;
    background-color: #525d7d;
    border-color: #525d7d;
}
.btn-primary:active:focus, .btn-primary:active:hover {
    color: #01A4EF;
    background-color: #ffffff;
    border-color: #01A4EF;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    box-shadow: inset 0 0px 0px rgba(0,0,0,0);
}

/*Botón leer más*/
a.btn.btn-primary.btn-read-more {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    margin-top: 4px;
    font-weight: 800;
    padding: 12px 35px;
    box-shadow: 2px 3px 9px rgb(0 0 0 / 20%);
    text-transform: capitalize;
}

/*Botón analizar web*/
.ds-btn-seigoo {
    text-align: right;
}
@media only screen and (max-width: 767px) {
    .ds-btn-seigoo {
    text-align: center;
    margin-top: 10px;
}}

a.btn.btn-primary.btn-seigoo {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    margin-top: 4px;
    font-weight: 800;
    padding: 12px 25px;
    box-shadow: 2px 3px 9px rgb(0 0 0 / 20%);
    text-transform: capitalize;
}

/*Botón suscripción*/
#suscribirse {
    background-color: #01a4ef;
    color: white;
    border: none;
    color: #fff;
    font-size: 16px;
    width: 100%;
    padding: 6px 12px;
    text-transform: uppercase;
}

/*Botón enviar comentario*/
button.btn.btn-primary {
    width: 155px;
}
/*Botón rsponder comentario*/
i.fa.fa-share.fa-rotate-180 {
    margin-right: 1px;
    padding-top: 2px;
}
/*para quitar el cuadro azul en los campos y botones*/
textarea:hover,
textarea:active,
textarea:focus,
button:focus,
button:active,
button:hover,
label:focus,
.btn:active,
.btn.active
{
   outline:0px !important;
   -webkit-appearance:none;
   box-shadow: inset 0 0px 0px rgba(0,0,0,0);
}
.form-field-element-email-field input {
   outline:0px !important;
  -webkit-appearance:none;
  box-shadow: inset 0 0px 0px rgba(0,0,0,0);
}
/*Para que el campo de mensaje no se expanda*/
textarea#Comments_CommentText {
    resize: vertical;
}

/*COMENTARIOS----------*/
.comments .panel {
    background-color: #ffffff;
}
.comment-date {
    text-align: right;
}
.comment-text {
    padding-bottom: 10px;
}
.comment-image img {
    margin: 0px 0 0px;
}
.comment-image {
    width: 50px;
    margin-right: 0px;
}
.comment-author {
    font-size: 14px;
    margin-left: 10px;
}
@media only screen and (max-width: 767px) {
.comment-date {
    text-align: left;
}
.comment-author {
    font-size: 20px;
}
}


/*PAGINACIÓN----------*/
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #01A4EF;
    border-color: #01A4EF;
}
.pagination>li>a, .pagination>li>span {
    color: #01A4EF;
 }

.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    color: #01A4EF;
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}

/*SIDEBAR----------*/
.panel-default {
    border-color: #fff;
}
.panel {
    margin-bottom: 22px;
    background-color: #fbfbfb;
    border: 0px solid rgba(255, 255, 255, 0);
    border-radius: 0px;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0);
}

/*Título*/
.panel-default>.panel-heading {
    font-family: Montserrat;
    text-transform: uppercase;
    font-weight: 500;
    color: #525d7d;
    background-color: #ffffff;
    padding: .2em 0;
    margin-bottom: 0;
    border-radius: 0;
    border-width: 5px;
    border-color: #01a4ef;
}
.panel-heading {
    padding: 5px 0px;
}

/*Buscador*/
.form-control {
    border: 1px solid #01A4EF;
    border-radius: 0px;
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0);
}
.search-form input[type="text"] {
    border-radius: 20px;
    margin-top: 20px;
}
.form-control, output {
    font-size: 13px;
    color: #777777;
}
.search-form button[type="submit"] {
    background-color: #01A4EF;
    color: white;
}
.search-form button[type="submit"] {
    float: left;
    margin: 0;
    margin-left: 6px;
    background-color: #01A4EF;
    color: white;
}
.search-form .form-control-feedback {
    border: 1px solid rgba(81, 144, 55, 0);
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
i.fa.fa-search {
    margin-left: -3px;
}

/*Suscripción*/
label {
	font-size: 14px;
}
.form-field-element {
    margin-left: 10px;
}
.ds-form-suscribirse input {
   padding-left: 10px;
}
.form-correo input {
    border-radius: 20px;
}
.input-validation-error, input.text.input-validation-error {
    border: 1px solid #01A4EF;
}
input[type="checkbox"] {
    margin: 4px 4px 0 0;
    float: left;
}
input.text {
    border: 1px solid;
    border-radius: 20px;
}
.ds-aceptar-lopd {
    font-size: 14px;
}

/*IMAGEN ENTRADA----------*/
/*Que ocupe todo el ancho*/
img.thumbnail.img-responsive {
    width: 100%;
}

/*Quitar borde*/
.thumbnail {
    padding: 0px;
    border: 0px solid #FFFFFF;
    border-radius: 0px;
}


/*HEADER----------*/
.container.layout-header-inner {
    width: 100%;
    height: 295px;
}
.container.layout-header-inner {
    background-image: url(/Media/blogseigoo/Images/banner21.png);
    background-size: cover;
    margin-bottom: 40px;
    background-repeat: no-repeat;
    background-position: center; 
	height: 400px;
}
@media only screen and (max-width: 767px) {
.container.layout-header-inner {
    background-image: none;
    max-height: 130px;
}}

/*Más espacio entre el header y la entrada*/
@media only screen and (max-width: 767px) {
article.content-item.content-blogpost.content-detail {
    margin-top: 22px;
}}

/*Redes sociales*/
.ds-redes-sociales {
    color: #01A4EF;
    font-size: 25px;
    margin-top: 5px;
    text-align: center;
}
.ds-redes-sociales .fa {
    margin-left: 10px;
}
.ds-redes-sociales a:focus, a:hover {
    color: #525d7d;
}
@media only screen and (max-width: 767px) {
.ds-redes-sociales {
    text-align: center;
    margin-top: 15px;
}
}
.ds-redes-sociales-footer {
    color: #01A4EF;
    font-size: 20px;
    text-align: right;
}
.ds-redes-sociales-footer .fa {
    margin-left: 10px;
}
i.fa.fa-facebook {
    margin-left: -10px;
}
.ds-mail-footer {
    font-size: 14px;
    text-align: right;
}

/*Logo*/
.ds-logo {
    margin-top: 15px;
}
@media only screen and (max-width: 767px) {
.ds-logo {
    text-align: center;
}
.ds-logo-footer {
    text-align: center;
}
}

/*Te recomendamos*/
.media-body {
    font-size: 16px;
    color: #777777;
}
.ds-te-recomendamos {
     margin-top: 15px;
}
.panel-heading-te-recomendamos {
    text-transform: uppercase;
    color: #525d7d;
    font-weight: bold;
    background-color: #ffffff;
    border-bottom: 1px solid transparent;
    border-width: 3px;
    border-color: #01A4EF;
    padding-top: 2px;
}

@media only screen and (max-width: 1560px) {
	.ds-te-recomendamos {
    display: none;
}
}

/*Header responsive*/
@media only screen and (max-width: 767px) {
    .ds-titulos-header {
    display: none;
}
    header.layout-header {
    height: 150px;
}
}


/*COOKIES----------*/
.cc-cookies {
    font-weight: 400;
    text-shadow: 0 0px 0 rgba(0,0,0,0.35);
}
.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset {
    background: #01A4EF;
    padding: 0.1em 1.25em;
    border-radius: 25px;
    box-shadow: 0 0 0px rgba(0,0,0,0.25);
    text-shadow: 0 0px 0 rgba(0,0,0,0.35);
}
.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset {
    background: #525d7d;
}


/*FOOTER----------*/
.container.layout-quad-inner {
    border-top: 1px solid #CCCCCC;
    padding: 50px 0 20px;
    margin-top: 20px;
}
.layout-footer {
	margin-top: 20px;
    background: #01A4EF;
    color: #ffffff;
}
.layout-footer a {
    color: #FFFFFF;
}
.layout-footer a:focus, a:hover {
	color: #525d7d;
}
.zone.zone-footer {
    text-align: center;
}


/*BOTONERA RRSS----------*/
.content-share-buttons {
    margin: 20px 0 20px;
    font-size: 13px;
}
.content-text {
    margin-bottom: 10px;
}
.btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group {
    padding: 3px 10px 3px 10px;
    font-size: 13px;
    border-radius: 20px;
    text-transform: capitalize;
    margin-left: 5px;
}
.btn-share {
    padding: .33em .66em;
    color: #fff;
    font-weight: 600;
    text-shadow: 0 0px 0px rgba(0, 0, 0, 0.5);
    border-width: 0 0 0px;
    border-style: solid;
    width: 85px;
}
.btn-share-email {
    background: #525d7d;
    border-color: #525d7d;
}
.btn-share-email:hover, .btn-share-email:active, .btn-share-email:focus {
    background: #01a4ef;
    border-color: #01a4ef;
}

/*Alineación iconos rrss*/
i.fa.fa-fw.fa-facebook {
    margin-left: -5px;
}
i.fa.fa-fw.fa-twitter {
    margin-left: -2px;
}
i.fa.fa-fw.fa-whatsapp {
    margin-left: -2px;
}

/*Quitar botón Pinterest*/
button.btn.btn-default.btn-share.btn-share-pinterest {
    display: none;
}

/*Quitar botón Enviar en resposive*/
@media only screen and (max-width: 767px) {
.btn.btn-default.btn-share.btn-share-email {
    display: none;
	}
}


/*BOTONERA PORTADA----------*/
/*Botón compartir en portada*/
.content-meta-left-items .content-share-buttons {
    margin: 2px 0 -5px;
}
button.btn.btn-default.btn-xs.dropdown-toggle {
    border-color: #01A4EF;
    color: #01A4EF;
}
button.btn.btn-default.btn-xs.dropdown-toggle.active.focus, button.btn.btn-default.btn-xs.dropdown-toggle.active:focus, button.btn.btn-default.btn-xs.dropdown-toggle.focus, button.btn.btn-default.btn-xs.dropdown-toggle:active.focus, button.btn.btn-default.btn-xs.dropdown-toggle:active:focus, button.btn.btn-default.btn-xs.dropdown-toggle:focus {
    background-color: #01A4EF;
}
i.fa.fa-share-alt {
    color: #01A4EF;
}
button.btn.btn-default.btn-xs.dropdown-toggle:active:focus, button.btn.btn-default.btn-xs.dropdown-toggle:focus {
    color: white;
}

.content-share-buttons-above.share-buttons-single {
    margin: 0px 0 -20px;
}
.content-blogpost-template-sidemeta .content-meta-left-items > * {
    padding: 10px 0;
}
@media (max-width: 767px) {
    .content-meta-left > *,
    .content-meta-left-items,
    .content-meta-left-items > *,
    .content-meta-date * {
        display: inline !important;
    }

    .content-meta-left {
        text-align: left;
    }

    .content-blogpost-template-sidemeta .content-meta-left,
    .content-blogpost-template-sidemeta .content-meta-date {
        border: none;
        text-align: left;
        font-size: 20px;
    }    
    .content-share-buttons.content-share-buttons-above.share-buttons-single {
    font-size: 20px;
	}
}

/*Compartir Redes Sociales*/
#modal-content-share {
    margin-right: -17px;
}
.modal-dialog {
    background-color: rgba(255, 255, 255, 0.95);
}
@media (min-width: 768px){
.modal-dialog {
    width: 100%;
    height: 100%;
    margin: auto;
	}
}
@media (max-width: 768px){
.modal-dialog {
    width: 100%;
    height: 100%;
    margin: auto;
	}
}
.modal-content {
    background-color: rgba(255, 255, 255, 0);
    border-radius: 0px;
    border: 0px solid rgba(0, 0, 0, 0.2);
}
@media (max-width: 768px){
.modal-content {
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.5);
	}
}
@media (min-width: 768px){
.modal-content {
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.5);
	}
}
p#modal-content-share-title {
    text-align: center;
    padding-top: 200px;
    font-size: 30px;
}
.modal-body {
    text-align: center;
}
.modal-body .btn-share{
    padding: 0em 0em;
    font-size: 60px;
    width: 100px;
    height: 100px;
}
.close {
    font-size: 50px;
    color: #000000;
}


/*IMÁGENES----------*/
/*Margen en imágenes del artículo*/
.content-text img {
    margin: 15px 0 15px;
}

/*Margen en imagen principal artículo*/
img.thumbnail.img-responsive {
    margin-bottom: 10px;
}

/*Widget los más vistos*/
.ranking-list a {
    font-size: 14px;
}

/*Corazón azul*/
.btn-like.active .fa {
    color: #01a4ef!important;
}


/*DICCIONARIO----------*/
h1.titulo-diccionario {
    font-weight: 600;
    font-size: 50px;
    font-family: 'Montserrat';
    color: #525d7d;
}
h2.letra-diccionario {
    font-weight: 900;
    font-size: 45px;
}
ul.lista-diccionario {
    column-count: 2;
    column-gap: 3em;
    list-style-type: none;
    margin-bottom: 60px;
    padding: 0 20px;
}
li.palabra-diccionario {
    padding-bottom: 10px;
}
    