/*
Theme Name: Daniel Coutinho
Author: iSense Comunicação
Description: 
Version: 1.0
License: 
License URI:
Tags: Daniel Coutinho, Eventos, Baladas, Casamentos, Coberturas, Ensaios, Blog Daniel Coutinho, Festa em Sinop, Cobertura de Eventos, Daniel, Coutinho, Colunista, Coluna, Social, Sinop, MT, Brasil, Mato Grosso, fotos de eventos, fotos de baladas, fotos de casamento, fotos de ensaios, blog de sinop, melhores festas de sinop, melhores fotos de evento, melhores festas, melhor coluna social, colunista social em sinop, colunista social de sinop
Text Domain: 
*/

/*================================= fonts =================================*/

@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');

.Montserrat { font-family: 'Montserrat', sans-serif; }
.Ubuntu { font-family: 'Ubuntu', sans-serif; }

.white, .white a { color: #fff; }
.black, .black a { color: #000; }
.pink, .pink a { color: #b53a7e; }
.grey, .grey a { color: #7a7a7a; }

.font-light { font-weight: 300; }
.font-regular { font-weight: 400; }
.font-medium { font-weight: 500; }
.font-semibold { font-weight: 600; }
.font-bold { font-weight: 700; }
.font-black { font-weight: 800; }


h1 { font-size: 40px; line-height: 40px; }
h2 { font-size: 30px; line-height: 30px; }
h3 { font-size: 24px; line-height: 30px; }
h4 { font-size: 20px; line-height: 30px; }
h5 { font-size: 18px; line-height: 26px; }
h6 { font-size: 14px; line-height: 18px; }
p { font-size: 12px; line-height: 12px; }

.img-fluid { width: 100%; }

.txt h3 { font-size: 22px; line-height: 30px; }
.txt p { font-size: 18px; line-height:30px; }
.txt p strong { font-weight: 700; }


/*================================= styles =================================*/

*{ outline:none; margin: 0px; padding: 0px;  }

body{ overflow-x: hidden; background-color: #fff; }
html { margin: 0px; padding: 0px; }

a, a:hover, button, button:hover { text-decoration: none; transition: all .1s linear; }


.zoom img { transition: all 0.3s; transform: scale(1); }
.zoom:hover img { transform: scale(1.05); }


.display-desktop {  }
.display-mobile { display: none; }

.wpcf7-submit { 
  margin-top: 10px;
   font-family: 'Montserrat', sans-serif;
 padding: 10px 40px; background-color: #b53a7e!important; color: #fff; font-size: 16px; font-weight: 600; line-height: 20px; letter-spacing: .2em; border: none; border-radius: 0px;
}


/*================================= MENU HOVER =================================*/

.overlay {
  height: 100%;
  width: 0;
  position: fixed; /* Stay in place */
  z-index: 999; /* Sit on top */
  left: 0;
  top: 0;
  background-color: rgb(0,0,0); /* Black fallback color */
  background-color: rgba(0,0,0, 0.85); /* Black w/opacity */
  overflow-x: hidden; /* Disable horizontal scroll */
  transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}
.overlay-content {
  position: relative;
  top: 25%; /* 25% from the top */
  width: 100%; /* 100% width */
  text-align: center; /* Centered text/links */
  margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
}
.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #fff;
  display: block; /* Display block instead of inline */
  transition: 0.3s; /* Transition effects on hover (color) */
}
.overlay a:hover, .overlay a:focus {
  color: #b53a7e;
}
.overlay .closebtn {
  position: absolute;
  top: 50px;
  left: 40px;
}

.ico-close {  display: block; width: 60px; height: 60px; background-image: url(img/ico-x.png); background-position: center; background-repeat: no-repeat;  }

/*================================= header =================================*/

.logo { max-width: 450px; min-width: 200px; }

.bg-gray { background-color: #f2f2f2; }
.bg-pink { background-color: #b53a7e; }


.icones-redes .ico { float: right; display: block; width: 50px; height: 40px; margin: 0px 15px; background-position: center; background-repeat: no-repeat; }
.icones-redes .ico-youtube { background-image: url(img/ico-youtube.png); }
.icones-redes .ico-instagram { background-image: url(img/ico-instagram.png); }
.icones-redes .ico-facebook { background-image: url(img/ico-facebook.png); }

.icones-redes-footer .ico { display: block; width: 50px; height: 40px; margin: 0px 5px; background-position: center; background-repeat: no-repeat; }
.icones-redes-footer .ico-youtube { background-image: url(img/ico-youtube-b.png); }
.icones-redes-footer .ico-instagram { background-image: url(img/ico-instagram-b.png); }
.icones-redes-footer .ico-facebook { background-image: url(img/ico-facebook-b.png); }

.icones-redes .ico-menu { float: left; width: 72px; height: 40px; background-image: url(img/menu.png); background-color: transparent; border: none;  background-position: center; background-repeat: no-repeat; }


.btn-info { padding: 10px 40px; background-color: #b53a7e!important; color: #fff; font-size: 16px; font-weight: 600; line-height: 20px; letter-spacing: .2em; border: none; border-radius: 0px; }
.btn-info:hover { background-color: #e93b9b!important; color: #fff; }

.btn-light { padding: 20px 60px; background-color: #fff!important; color: #b53a7e; font-size: 26px; font-weight: 600; line-height: 30px; border: none; border-radius: 0px; }
.btn-light:hover { background-color: #fff!important; color: #b53a7e; }

.btn-secondary { padding: 10px 40px; background-color: #f2f2f2!important; color: #000; font-size: 18px; font-weight: 600; line-height: 20px; border: none; border-radius: 0px; }
.btn-secondary:hover { background-color: #e3e3e3!important; color: #000; }

.btn-danger { padding: 10px 30px; background-color: #b53a7e!important; color: #fff; border: none; border-radius: 0px; }
.btn-danger:hover { background-color: #e93b9b!important; color: #fff; }
.dropdown-menu-dark { background-color: #b53a7e!important; color: #fff; }
.dropdown-menu-dark .dropdown-item { padding: 8px 20px; }

.img-destaque img { width:100%; height:100%; overflow:hidden; max-height: 400px; }

.box-hover {
  position: relative;
  background-color: #000;
}

.img-hover {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.cap-hover {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.box-hover:hover .img-hover {
  opacity: 0.3;
}

.box-hover:hover .cap-hover {
  opacity: 1;
}

.vinheta .linha { height: 20px; margin-top: 15px; }

.bg-footer { background-color: #b53a7e; background-image: url(img/bg-footer.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; }


.box-foto { width: 500px; float: right; margin-bottom: 30px; margin-left: 30px; }
.box-foto img { border-radius: 10px; border:15px solid #b53a7e; }


.owl-slider .icone { width: 30px; height:30px; float: left; background-position: center; background-size: contain; background-repeat: no-repeat; }
.owl-slider .owl-dots { display: none; height: 0px; }
.owl-slider .owl-nav [class*='owl-'] { position: absolute; top:40%; color: #fff!important; font-size:30px!important; z-index: 10; }
.owl-slider .owl-nav [class*='owl-']:hover { border: none; background: transparent; color: #000; text-decoration: none; }
.owl-slider .ico-prev { background-image: url(img/ico-prev.png); }
.owl-slider .ico-next { background-image: url(img/ico-next.png); }
.owl-slider .item { width: 100%; }
.owl-slider .owl-prev { left: 30px; }
.owl-slider .owl-next { right: 30px; }


.owl-banner .owl-dots { display: none; }
.owl-banner .owl-nav [class*='owl-'] { display: none; }
.owl-banner .item { width: 100%; }


.coberturas .card { border:none; border-radius: 0px; }
.coberturas .figure { width: 100%; position: relative; }

.badge-info { display: block; z-index: 5; position: absolute; bottom: 15px; left: 15px; background-color: #b53a7e!important; color: #fff; font-size: 18px; font-weight: 300; border-radius: 0px; }

.page-link, .page-link:hover { color: #b53a7e; }
.page-item.active .page-link { color: #fff; background-color: #b53a7e; border-color: #b53a7e; }

.fotografo img { max-width: 150px; }

/* botao compartilhar */
.wpusb { position: absolute; right: 0px; top: -180px; }


/* galery */
.box-galeria { width: 100%!important; text-align: center; }

.galeria{ width: 100%!important; margin: 0; float: left; display: inline; }
.galeria-item { width: 25%; margin:0px; }

.alm-btn-wrap .alm-load-more-btn { padding: 10px 40px; background-color: #b53a7e!important; color: #fff; font-size: 16px; font-weight: 600; height: 50px; -webkit-box-shadow: none; box-shadow: none; border-radius: 0px; }



.popup { width: 100%; height: 600px; top:15px; left: 0px; position: absolute; z-index: 99; }
.closebtn2 { position: absolute; top: 5px; right:5px; }