/*
Theme Name: Juan Barrera - Grafickdesign 2022
Theme URI: https://juanbarrera.de
Author: Juan Carlos Barrera
Author URI: https://juanbarrera.de/
Description:
Version: 1
Requires at least: 5.0
Requires PHP: 7.0
Text Domain: JuanBarrera Grafikdesign
*/

*{margin: 0; padding: 0px; font-family: sans-serif;}
body {width: 100%; display:block; clear:both; box-sizing: border-box;}
div, section, article, footer {display: block;}
/*---------------------------font--------------*/
a{text-decoration: none; color: rgb(59, 59, 59);}
h2{ 
   font-size: 0.8em; 
   font-weight: 100; 
   text-transform: uppercase; 
   color: #c19f67; 
   font-kerning: normal; 
   letter-spacing: .08em;
   text-decoration: none;
line-height: 35px;}
h5{font-size: 1.8em; font-weight: 700; font-kerning: normal; letter-spacing: -.02em;}
h3{text-transform: uppercase; font-weight: 100;}
h4{font-size: 1em; }/*--formato-categorias--*/
p, .base-text {font-size: 1em; line-height: 1.8em; font-weight: 300; letter-spacing: 0.02em; margin-bottom: 1em;}
li{ list-style: none; text-decoration:none; }

/*--------------------------------Banner--all-screens----------*/
.wrap-banner{
   height: 60vh; 
   width: 100%; 
   margin: 0 auto;
   overflow: visible; 
   position: relative;
   background-image: linear-gradient(rgba(37, 12, 82, 0), rgba( 24, 24, 24, 0.8 )), url(http://juanbarrera.de/wp-content/uploads/2025/07/bg-header-sw-1-scaled.jpg);
   background-position: top;
   background-repeat: no-repeat;
   background-size: cover;
}
.cont-text {
   max-width: 750px;
   height: 120px;
   position: absolute;
   z-index: 2;
   bottom: 5%; 
}
img.banner-foto{
   width: auto;
   position: relative;
   height: 100%;
   }
/*------------------------------end-Banner-----------*/
/*-----------------------------------nav-posts----------*/
.nav-posts { margin: 0 auto; display: block; width: 100%; }
.nav-links{
   display: flex;
   justify-content: space-between;
}
.nav-previous {}
.nav-next {
    text-align: end;
}
.nav-previous, .nav-next {
   background-color: #e0e0e0;
   padding: 10px 25px;
   border-radius: 25px;
}
 .btn-b {
    position: absolute;
    color: #c19f67;
    padding: 14px 25px;
    border-radius: 10px;
    border: solid 2px #c19f67;
    margin-top: 20px;
  }
/*----------------------------------------footer---------------*/
.wrap-footer{   
   margin: 0 auto; 
   width: 100%; 
   height: 35vh;
   clear: both; 
   display: block;
   background-color: rgb(7, 12, 31); 
   bottom: 0;
   left: 0;
}
footer{
   padding: 2em 2em;
   max-width: 1080px; 
   margin: 0 auto; 

}
div.foot-cont-top{width: 100%; display: inline-flex;}
.bord{float: left; width: 100%; margin: 1em 0 0; }
.logo_footer_cont{display: block; width: 60px;}
.logo_footer{width:45px;}
.social{ width:30%; margin-top: 25px;}
.social img{ height: 18px; padding-right: 12px;}
div.social{align-items: center;}
address p{color: #c19f67; font-size: 14px; letter-spacing: 1px; font-style: normal;}
.nav-footer ul{ display: flex; justify-content: left; }
.foot-menu li{ 
   list-style: none; 
   text-decoration: none;
   font-size: .8em; 
   font-weight: 100; 
   text-transform: uppercase; 
   font-kerning: normal; 
   letter-spacing: .20em;
   padding: 0 20px 0 0;
   color: rgb(191, 187, 167);
}
.copy{ width: 100%; display: flex; }
.copy a{color: rgb(191, 187, 167);}

/*-------------------------------------Ordner-------------------------------------*/

/*-----------------------------------------form----*/
form {
  max-width: 400px;
  margin: 0rem auto;
  padding: 1rem;
  font-family: 'Segoe UI', sans-serif;
  background-color: #fff;
  border-radius: 12px;
}

form p {
  margin-bottom: 1.5rem;
}

form label {
  display: block;
  font-weight: 300;
  margin-bottom: 0.1rem;
  color: #333;
  font-size: 14px;
}

input[type="text"],
input[type="email"],
textarea {
  border: none;
  border-bottom: 1px solid #333;
  background-color: rgb(249, 249, 251);
  outline: none;
  padding: 8px 4px;
  width: 100%;
  font-size: 16px;
}
input:focus,
textarea:focus {
  border-bottom: 1px solid ;
}

form input[type="text"]:focus,
form input[type="email"]:focus,
form textarea:focus {
  border-color: rgb(221, 177, 90);
  outline: none;
}

form textarea {
  min-height: 120px;
  resize: vertical;
}
.form-row {
  display: flex;
  flex-wrap: nowrap;
  gap: 2rem; /* Espacio entre nombre y apellido */
}
.form-group {
  flex: 1;
}
@media (max-width: 600px) {
  .form-row {
    flex-direction: column;
    gap: 0.75rem;
  }
}
@media (max-width: 600px) {
  .form-group {
    flex: 1 1 100%;
  }
}
form input[type="checkbox"] {
  margin-right: 0.5rem;
  transform: scale(1.2);
}
form button, .wpcf7-submit {
  background-color: #070c1f;
  color: white;
  padding: 0.75rem 1.5rem;
  border: none;
  border-radius: 6px;
  font-size: 1rem;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
form button:hover , .wpcf7-submit:hover {
  background-color: rgb(221, 177, 90);
}
form .error {
  color: #d63638;
  font-weight: bold;
}

form .success {
  color: #28a745;
  font-weight: bold;
}
.form-success-msg {
  color: #155724;
  background-color: #d4edda;
  padding: 52px;
 bottom: 0;
right: 0;
  border-radius: 5px;
  font-weight: bold;
  border: 1px solid #c3e6cb;
  position: absolute;
}

ul, li {text-decoration: none;}



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

/*-----------------------------------------areas----*/
   section{
      margin: 4em 0;
      overflow: hidden;
      height: auto;
      min-height: 18em;
      clear: both;
   }
	. content-post-single{
		width: 1900px;
	}
   .jb-wrap-cont{
      max-width: 1080px;
      margin: 0 auto;
      clear: both;
   }
   .jb-article{
      display: flex;
      flex-wrap: wrap;
      overflow: visible;
      clear: both;
   }
   .box-base{ padding: 0 3em; margin: 6em 0; display: block; overflow: hidden; }
   .box-base-menu{padding: 0 3em; margin: 6em 0; display: block; overflow: hidden;}
   .head-section{margin-bottom: 20px;}
/*-------------------------------------header-und-menu----*/
.head-wrap{
   max-width: 1080px;
   height: 8em;
   margin: 0 auto;
   display: flex;
   vertical-align: bottom;
}
/*-------------------------------------logo------------*/
#logo-cont {
   width: 200px; 
   margin: 0 auto;
}
.logo{width:100%;}
.logo-bild{width:100%;}
/*-------------------------------------nav------------*/
.nav-main{
   width: 100%;
   height: 15px; 
   margin-top: 4.2em;
}
.nav-main ul{ 
   display: flex; 
   justify-content: right;
}
.nav-main li{ 
   list-style: none; 
   text-decoration: none;
   font-weight: 500; 
   text-transform: uppercase; 
   font-kerning: normal; 
   letter-spacing: .10em;
   padding: 0px 50px;
   font-size: .8em
}
.nav-main a{
   font-size: .8em;
}
.current_page_item > a {
   border-bottom: 1px solid #c19f67;
   color: #c19f67;
}
/*-----------------------------------end--Navigation--------*/
/*----------------------------------category----------------*/
.text-head {width: 75%;}

.wrap-cat{max-width: 1080px; height: 5.7em; margin-bottom: 2em;}
.wrap-cat ul{ display: flex; flex-wrap: wrap;}
.wrap-cat li{  
   list-style: none; 
   text-decoration: none;
   font-size: 0.9em;
   font-weight: 100; 
   text-transform: uppercase; 
   font-kerning: normal; 
   letter-spacing: .15em;
   padding: 0 40px 0 0;
}
.wrap-cat a {color: #c19f67;}
.current-cat a{ color:#1b1b1b;}
.cat-item-32{display: none;}
.categories{color:yellowgreen;}
/*----------------------------------end-category---------------*/

/*----------------------------------Post-----------------------*/
h1.post-title{ 
   color: rgb(48, 56, 65); 
   font-size: 2em; 
   text-transform: none; 
   font-weight: 100; 
   letter-spacing: .01em;
   display: block;
}
div.content-post{
   display: block;
   padding: 0 0 1em 0;
   color: rgb(48, 56, 65);
   font-size: 1.2em;
    }
/*---------------------------Section-Portfolio-Home---------*/
.boton-to-gal{
   display: block;
   width: 100%; height: 150px;   
   float: right;
   position: relative;
   clear: both;
   -webkit-filter: grayscale(0%); 
   -moz-filter: grayscale(0%); 
   filter: grayscale(0%); 
   transition: all 0.3s ease;
}
.btn-a{ 
   position: absolute; 
   color: #c19f67; 
   padding: 22px; 
   border-radius: 10px; 
   border: solid 2px #c19f67; 
   margin-top: 40px;
}
/*--------------------Section-Portfolio-Gallery---------*/
.jb-content-post-gal{
   padding: 0;
   width: 50%;
   max-height: 24em;
   position: relative; 
   clear: both;
   overflow: hidden;
   box-sizing: border-box;
}
.jb-single-post{
   width: 100%;
   clear: both;
   padding: 0;
   margin: 0;
   transition: .3s; 
   opacity: 1.0;
}
.jb-title-post{
   background-image: linear-gradient(to left, #c19f6700, #c19f67);
   width: 30%;
   height: 3em;
   position: absolute;
   bottom: 0px;
   z-index: 2;
   vertical-align: middle;
   transition: .5s; 
   bottom:-50px;
   opacity: 1.0;
}
.jb-single-post:hover 
.jb-title-post{ 
   opacity: 1;  
   background-image: linear-gradient(to left, #c19f6700, #c19f67); 
   bottom:0px;
}
.jb-thumb-post{
   padding: 0;
   position: relative; 
   clear: both;  
   z-index: 1;
}
.jb-title-align-right {
   padding: 18px 0px 0px 20px;
   font-weight: normal;
}
a.gold{ 
   text-align: left; 
   color: #ffffff;
   font-weight: lighter; 
   position: relative;
   transition: .3s; 
   opacity: 1.0;
}
.attachment-post-thumbnail{ width: 100%; height: auto; }
/*----------------------------------------Author--------*/
section#author{ 
   margin: 0  auto; 
 overflow: hidden;
}
.wrap-front-autor{display: flex; flex-wrap: wrap;}
.pic-cont-autor,.text-autor-cont {
   width: 50%;
}
.text-autor-cont {
   width: 45%;
   padding-right: 25px;
}
.pic-cont-autor{
   height: 25em;
   border-radius: 15px; 
   overflow: hidden;}

div.pic-cont-autor img{
   background-color: #343144;
   width: auto;
   height: 100%;
   float: right;
   border-radius: 15px;
}

.page-cont, .cat-cont{
   min-height: 50vh;
   }
}


/*----TABLET---------------------------------------------------------------------*/

@media (min-width: 768px) and (max-width: 1023px) {

/*-----------------------------------------areas----*/
.head-section{margin-bottom: 10px;}
.box-base{
   padding: 0 3em;
   margin: 3em 0;
   display: block;
   overflow: hidden;
}
.box-base-menu{
	padding: 0 3em; 
	margin: 0 0 1em 0; 
	display: block; 
	overflow: hidden;
	}
section{
   margin: 4em 0;
   overflow: hidden;
   height: auto;
   min-height: 18em;
   clear: both;
}
.jb-wrap-cont{
   max-width: 1080px;
   margin: 0 auto;
   clear: both;
}
.jb-article{
   display: flex;
   flex-wrap: wrap;
   overflow: visible;
   clear: both;
}
/*----logo----*/
#logo-cont
{width: 20%; 
   padding-top: 1em; 
   margin: 0 auto;
}
.logo-bild{
   width:190px;
}
/*----nav----*/
.nav-main{
   width: 100%;
}
.nav-main ul
{ display: flex; 
   justify-content: center;
}
.nav-main li{ 
   list-style: none; 
   text-decoration: none;
}
.nav-main li{ 
   list-style: none; 
   text-decoration: none;
   font-weight: 500; 
   text-transform: uppercase; 
   font-kerning: normal; 
   letter-spacing: .10em;
   padding: 15px 20px;
}
.nav-main a{
   font-size: .7em
}
.current_page_item > a {
   border-bottom: 2px solid #c19f67;
   color: #c19f67;
}
/*------end--Navigation------*/
/*--------------------------------Banner--on-main-css----------*/
/*----------------------------------category----------------*/
.text-head {width: 75%;}
.wrap-cat{max-width: 1080px; height: 5.7em; margin-bottom: 2em;}
.wrap-cat ul{ display: flex; flex-wrap: wrap;}
.wrap-cat li{  
   list-style: none; 
   text-decoration: none;
   font-size: 0.9em;
   font-weight: 100; 
   text-transform: uppercase; 
   font-kerning: normal; 
   letter-spacing: .15em;
   padding: 0 40px 0 0;
}
.wrap-cat a {color: #c19f67;}
.current-cat a{ color:#1b1b1b;}
.cat-item-32{display: none;}
.categories{color:yellowgreen;}
/*----------------------------------end-category---------------*/
/*---------------------------Section-Portfolio-Home---------*/

.boton-to-gal{
   display: block;
   width: 100%; height: 150px;   
   float: right;
   position: relative;
   clear: both;
   -webkit-filter: grayscale(0%); 
   -moz-filter: grayscale(0%); 
   filter: grayscale(0%); 
   transition: all 0.3s ease;
}
.btn-a{ 
   position: absolute; 
   color: #c19f67; 
   padding: 22px; 
   border-radius: 10px; 
   border: solid 2px #c19f67; 
   margin-top: 40px;

}

/*--------------------Section-Portfolio-Gallery---------*/
h1.post-title{ 
   color: rgb(48, 56, 65); 
   font-size: 2em; 
   text-transform: none; 
   font-weight: 100; 
   letter-spacing: .02em;
   display: block;
}


.jb-content-post-gal{
   padding: 0;
   width: 50%;
   max-height: 24em;
   position: relative; 
   clear: both;
   overflow: hidden;
   box-sizing: border-box;
}
.jb-single-post{
   width: 100%;
   clear: both;
   padding: 0;
   margin: 0;
   transition: .3s; 
   opacity: 1.0;
}
.jb-title-post{
   background-image: linear-gradient(to left, #c19f6700, #c19f67);
   width: 30%;
   height: 3em;
   position: absolute;
   bottom: 0px;
   z-index: 2;
   vertical-align: middle;
   transition: .5s; 
   bottom:-50px;
   opacity: 1.0;
}
.jb-single-post:hover 
.jb-title-post{ 
   opacity: 1;  
   background-image: linear-gradient(to left, #c19f6700, #c19f67); 
   bottom:0px;
}
.jb-thumb-post{
   padding: 0;
   position: relative; 
   clear: both;  
   z-index: 1;
}
.jb-title-align-right {
   padding: 18px 0px 0px 20px;
   font-weight: normal;
}
a.gold{ 
   text-align: left; 
   color: #ffffff;
   font-weight: lighter; 
   position: relative;
   transition: .3s; 
   opacity: 1.0;
}
.attachment-post-thumbnail{ width: 100%; height: auto; }

.page-cont, .cat-cont{min-height: 50vh;}


section#author{ 
   margin: 0  auto; 
 overflow: hidden;
}
.wrap-front-autor{display: flex; flex-wrap: wrap;}
.pic-cont-autor,.text-autor-cont {
   width: 50%;
}
.text-autor-cont {
   width: 45%;
   padding-right: 25px;
}
.pic-cont-autor{
   height: 25em;
   border-radius: 15px; 
   overflow: hidden;}

div.pic-cont-autor img{
   background-color: #343144;
   width: auto;
   height: 100%;
   float: right;
   border-radius: 15px;
}

.page-cont, .cat-cont{
   min-height: 50vh;
   }
}

/*----HANDY---------------------------------------------------------------------*/
@media only screen and (max-width: 767px){
	
	p, .base-text {font-size: 1.2em; line-height: 1.6em; font-weight: 400; letter-spacing: 0.02em; margin-bottom: 1em;}

a{text-decoration: none; color: #343144;}

h2{ 
   font-size: 1em; 
   font-weight: 300; 
   text-transform: uppercase; 
   color: #c19f67; 
   font-kerning: normal; 
   letter-spacing: .08em;
   text-decoration: none;}

h3{text-transform: uppercase; font-weight: 100;}
h4{font-size: 1em; }/*--formato-categorias--*/
h5{font-size: 1.8em; font-weight: 700; font-kerning: normal; letter-spacing: -.02em;}
li{ list-style: none; text-decoration:none; }
   .box-base{
      padding: 0 2em;
      margin: 3em 0;
      display: block;
      overflow: hidden;
   }
   .head-section{margin-bottom: 2px;}
   .box-base-menu{padding: 0 1em; margin: 0 0 1em 0; display: block; overflow: hidden;}
section, 
article{
   padding: 1em 0em;
}
 div.wrap-cont{
   display: block;
   width: 100%; 
   height: auto;
   clear: both;
   }
section, article{    
   margin: 0 auto; 
   height: 100%;
   clear: both;
   overflow: auto;
   }
section{
   min-height: 18em;
   margin-top: 3em;
   margin-bottom: 3em;
}
.head-section, .text-home{
   height: auto;
   clear: both;
   overflow: auto;
   display: block;
   padding-bottom: .5em;
}

/*----logo----*/
#logo-cont{
   width: 200px; 
   padding-top: 1em; 
   margin: 0 auto;
}
.logo-bild{
   width:200px; 
}
/*----nav----*/
.nav-main{
   width: 100%;
}
.nav-main ul
{ display: flex; 
   justify-content: center;
}
.nav-main li{ 
   list-style: none; 
   text-decoration: none;
}
.nav-main li{ 
   list-style: none; 
   text-decoration: none;
   font-weight: 500; 
   text-transform: uppercase; 
   font-kerning: normal; 
   letter-spacing: .10em;
   padding: 15px 20px;
}
.nav-main a{
   font-size: .7em
}
.current_page_item > a {
   border-bottom: 2px solid #c19f67;
   color: #c19f67;
}
/*------end--Navigation------*/

/*------Banner---------------*/
.wrap-banner{
	background-color: #ffffff;
   height: 60vh; 
   width: 100%; 
   margin: 0 auto;
   overflow: visible; 
   position: relative;
}
.cont-bild{
   background-image: linear-gradient(rgba(187, 187, 187, 0), rgba(113, 113, 113, 0)), url();
   background-position: top;
   background-repeat: no-repeat;
   background-size: cover;
   height: 100%;
   width: 100%;
   position: absolute;
   z-index: 1;
   overflow: hidden;
}
.cont-text, #head-intro{
   height: 180px;
   position: absolute;
   z-index: 2;
   bottom: 5%; 
}

/*------end Banner------------------------*/
.wrap-cat{height: 1.7em; margin-bottom: 1em;}
.wrap-cat ul{ display: flex; flex-wrap: wrap;}
.wrap-cat li{  
   list-style: none; 
   text-decoration: none;
   font-size: 1em;
   font-weight: 100; 
   text-transform: uppercase; 
   font-kerning: normal; 
   letter-spacing: .15em;
   padding: 0 40px 0 0;
}
.wrap-cat a {color: #c19f67;}

/*----Section-Portfolio-Home--------------------*/

.single-post-home{ 
   display: block;
   width: 100%; max-height: 26em;   
   float: left;
   position: relative;
   clear: both;
   -webkit-filter: grayscale(0%); 
   filter: grayscale(0%); 
   transition: all 0.3s ease;
}
.single-post-home{
   border-radius: 10px;
   -webkit-background-clip:padding-box; 
   -moz-background-clip: padding; 
   background-clip: padding-box;
}
#content-post-gal-home{
   width: 100%;
   height: auto;
   position: relative; 
   display: flex;
   flex-wrap: wrap;
   float: left;
   overflow: hidden;
   margin: 1em 0;
}
.boton-to-gal{
   display: block;
   width: 100%; height: 128px;   
   float: right;
   position: relative;
   clear: both;
   -webkit-filter: grayscale(0%);  
   filter: grayscale(0%); 
   transition: all 0.3s ease;
}
.thumb-post-home img{
   width: 100%; height: auto; border-radius: 10px;
}
.btn-a{ 
   position: absolute; 
   color: #c19f67; 
   padding: 22px; 
   border-radius: 10px; 
   border: solid 2px #c19f67; 
   margin-top: 40px;
}
.boton-to-gal{
   display: block;
   width: 100%; height: 150px;   
   float: right;
   position: relative;
   clear: both;
   -webkit-filter: grayscale(0%); 
   filter: grayscale(0%); 
   transition: all 0.3s ease;
}

/*----Section-Portfolio--------------------*/
	
	li.cat-item{ font-weight: normal; }
	

#content-post-portfolio, .content-post { margin: 0 auto; clear: both;}
.content-post-tit { padding: 3em 0 1em 0; }
.single-post{ 
   display: block;
   width: 100%;  
   float: left;
   position: relative;
   clear: both;
   -webkit-filter: grayscale(0%); 
   -moz-filter: grayscale(0%); 
   filter: grayscale(0%); 
   transition: all 0.3s ease;
}
.title-post{
   border: 1px solid blue;
   width: 80%;
   border-right: 2px solid #d10000; 
   position: absolute; 
   padding: 5px 20px; 
   bottom: 0; 
   margin-left: 0px;
   transition: .5s; 
   opacity: 2.0;
   z-index: 2; 
}
a.title-align-right{ 
   text-align: left; 
   color: rgb(63, 63, 63); 
   font-weight: light; 
   padding: 20px 20px 18px 20px; 
   position: absolute;
   transition: .3s; 
   opacity: 0.2;
}
h1.post-title{ 
   color: rgb(48, 56, 65); 
   font-size: 1.7em; 
   text-transform: none; 
   font-weight: 100; 
   letter-spacing: .02em;
   display: block;
   padding-bottom: .2em;
}
.thumb-post{ 
   z-index: 1; 
   height: 100%; 
   position: relative; 
   clear: both;  
   padding: 0; 
   overflow: hidden;
   float: left;
}
.attachment-post-thumbnail{ 
   width: 100%; 
   height: auto;
   }
.single-post:hover 
.thumb-post{ 
   opacity: 1; -webkit-filter: grayscale(60%);  
   -moz-filter: grayscale(60%); 
   filter: grayscale(60%); 
}
.single-post:hover 
.title-post{ 
   opacity: 2; 
   background-color: rgb(240, 219, 176, 0.2); 
   border-right: 2px solid #fff;
}

article.cat-cont{ min-height: 65vh;}

.jb-article{
   display: flex;
   flex-wrap: wrap;
   overflow: visible;
   clear: both;
}
.jb-content-post-gal{
   padding: 0;
   width: 100%;
   max-height: 24em;
   position: relative; 
   clear: both;
   overflow: hidden;
   box-sizing: border-box;
}
.jb-single-post{
   width: 100%;
   clear: both;
   padding: 0;
   margin: 0;
   transition: .3s; 
   opacity: 1.0;
}
.jb-title-post{
   background-image: linear-gradient(to left, #c19f6700, #c19f67);
   width: 30%;
   height: 3em;
   position: absolute;
   bottom: 0px;
   z-index: 2;
   vertical-align: middle;
   transition: .5s; 
   bottom:-50px;
   opacity: 1.0;
}
.jb-single-post:hover 
.jb-title-post{ 
   opacity: 1;  
   background-image: linear-gradient(to left, #c19f6700, #c19f67); 
   bottom:0px;
}
.jb-thumb-post{
   padding: 0;
   position: relative; 
   clear: both;  
   z-index: 1;
}
.jb-title-align-right {
   padding: 18px 0px 0px 20px;
   font-weight: normal;
}
a.gold{ 
   text-align: left; 
   color: #ffffff;
   font-weight: lighter; 
   position: relative;
   transition: .3s; 
   opacity: 1.0;
}
.attachment-post-thumbnail{ 
   width: 100%;
   height: auto;
   }
/*-----------------------------------nav-posts----------*/
.nav-posts { margin: 0 auto; display: block; width: 100%; }
.nav-links{
   display: flex;
   justify-content: space-between;
}
.nav-next {
    text-align: end;
}
.nav-previous, .nav-next {
   background-color: #e0e0e0;
   padding: 10px 25px;
   border-radius: 25px;
}
/*-----page--Page-----------------------*/
.page-cont, .cat-cont{min-height: 50vh;}
/*----Author-------------------------*/
section#author{ 
   background-color: #efeff1;
   margin: 0  auto; 
   padding: 3em 2em; 
}
.head-section-autor,
.pic-cont-autor{
   width: 100%;
   margin-top: 3em;
}
.pic-cont-autor{
   width: 100%;
   max-height: 400px;
   margin-top: 3em;
   border-radius: 15px;
}
.pic-cont-autor img{
   width:100%;
   overflow: hidden;

}
.pic-author {
   border-radius: 10px;
}
/*----------------footer-handy---------------*/
   div.wrap-footer{   
   width: 100%; 
   height: 350px;
   margin: 0 auto;
   clear: both; 
   display: block;
   background-color: rgb(7, 12, 31); 
   display: flex;
   align-items: center;
   }
footer{
   max-width: 100%; 
   margin: 0 auto; 
   color: rgb(191, 187, 167);
   text-align: center;
   }
.logo_footer_cont{
   display: flex;
   align-items: center;
	width: 100%;
   }
   .logo_footer{
      width: 50px;
      margin: 0 auto;  
   }
div.foot-cont-top{
   width: 100%;
   display: inline-flex;
   }
   ad-contact bord{ text-align: center;}
address p{
   font-size: 18px;
   letter-spacing: 1px; font-style: normal;
   }
.foot-menu li{ 
   font-size: .8em; 
   font-weight: 300; 
   text-transform: uppercase; 
   font-kerning: normal; 
   letter-spacing: .10em;
   display: block;
   padding: 0 10px;
   }
.copy ul { 
   width: 100%; 
   display: flex; 
}
.copy a{color: rgb(191, 187, 167);
   }
div.social{
   align-items: center;
   }
.social{
   width:100%;
   margin-top: 35px;
   }
.social img{
   height: 25px;
   padding-right: 35px;
   }
}