/*
Theme Name: WRR
Author: Bruno Batista Campos
Description: Tema desenvolvido para WRR Segurança.
Version: 1.0
Template: twentytwentyone

This is the child theme for Twenty Twenty-One theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&icon_names=rocket_launch');

#masthead {
	height: 100px;
}

.site-logo {
    margin: 0!important;
}

.site-header > .site-logo {
	width: 30%!important;
	margin-top: 0.3em;
}
.site-header {
	padding-top: 0!important;
}
.menu-item a {
	color: #fff!important;
}
.sub-menu .menu-item {
	background-color: #000!important;
}

.site-main {
	padding-top: 0!important;
}

input, label, select {
	border-radius: 20px!important;
}

.site-info {
	padding-bottom: 20px!important;
	border-bottom: 3px solid #fff;
}

.site-logo {
	margin: 0;
}

.primary-navigation > div > .menu-wrapper > li > .sub-menu li {
	background-color: #000;
	color: #fff;
}

svg.contato {
	height: 23rem;
	margin-right: auto;
	margin-left: auto;
}

.wpcf7-textarea {
	max-height: 30vh;	
}

#envelope {
  animation: float 2s ease-in-out infinite;
}

#star1, #star2, #star3, #star4, #star5, #star6 {
  animation: blink 1s ease-in-out infinite;
}
#star2 { animation-delay: 100ms; }
#star3 { animation-delay: 500ms; }
#star4 { animation-delay: 700ms; }
#star5 { animation-delay: 300ms; }
#star6 { animation-delay: 200ms }

@keyframes float {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0px);
  }
}

@keyframes blink {
  0% {
    opacity: 0;
  }
  50% {
    opacity: .5;
  }
  100% {
    opacity: 1;
  }
}

	.entry-content {
		font-family: "Open Sans", sans-serif!important;
		font-weight: 300;
}
.site-main{
	padding-top: 0;
}
.site-header {
margin-left: 0;
margin-right: 0;
	min-width: 100%;
}
.site-footer {
	margin-left: 0!important;
	margin-right: 0!important;
	max-width: 100%!important;
}
footer {
	background-color: #000!important;
	width: 100%!important;
	padding-left: 5%!important;
	padding-right: 5%!important;
	padding-bottom: 0!important;
}

.dashicons {
	font-size: 60px!important;
	color: #fff!important;
}

.social {
	display: flex;
	margin-bottom:0!important;
}

.social .dashicons {
	font-size: 30px!important;
	margin-right: 20px;
	text-decoration: none;
}

.politica {
	font-size: 1rem;
	margin-left: auto;
	color: #fff!important;
	text-decoration: none;
}

.creditos {
	font-size: 1rem;
	color: #fff!important;
	text-align: center;
	margin-bottom: 0;
}

.primary-navigation a:hover, .primary-navigation a:link, .primary-navigation a:visited {
	color: #fff;
}

.links, .site-footer > .site-info a:link, .site-footer > .site-info a:visited, .site-footer > .site-info a:active {
	color: #fff;
	text-decoration: none;
}
.mvv {
	border: 2px solid #fff;
	border-radius: 20px;
	box-shadow: rgba(0, 0, 0, 0.7) 0px 5px 15px;
  position: relative;
  left: -300px;
  opacity: 0;
}
.mvv.visivel {
  animation: animateleft 1.5s forwards;
}

@keyframes animateleft {
  from {
    left: -300px;
    opacity: 0;
  }
  to {
    left: 0;
    opacity: 1;
  }
}
.primary-navigation a:hover, .mail a:hover, .tel a:hover, .wp-block-pages-list_item_link:hover {
	color: #f6b427!important;
	text-decoration: none;
}
.no-widgets .site-footer {
	margin-top: 0;
}

.links {
	list-style: none;
}
.mail {
	margin-left: 3%;
}
	.mail, .tel, .add {
		font-size: 1rem;
		align-self: baseline;
		color: #afb0b1;
		text-decoration: none;
		margin-right:3%;
	}
.tel > a {
	text-decoration: none;
}
.add > b,.tel > b, .mail > b{
	font-size: 1.2rem;
	color: #fff;
}
.whats {
	position:fixed; 
	width:70px; height:70px; right:25px; bottom:25px; 
	z-index:9999;
}
.entry-header {
        display: none;
    }
.entry-content {
	margin-top: 0!important;
}
.site-footer {
	padding-bottom:0;
}

.desc {
	margin-top: 0!important;
	margin-bottom: 0!important;
}
@media only screen and (min-width: 822px) {
	header{
	background: rgb(0,0,0,0.7);
}
.site-header {
  padding: 0 10% 0 15%;
	margin-left: 0;
  margin-right: 0;
	z-index: 99999;
}
	.serv img {
		border-radius: 20px;
	}
	.serv:hover {
		margin-top: -20px
	}
}
#primary-mobile-menu {
	color: #fff!important;
}
.close {
	color: #000!important;
}
@media only screen and (max-width: 699px) {
		.wp-block-spacer {
			display: none;
		}
	.bn {
		padding:0!important;
	}
	header{
	background: rgb(0,0,0);
}
	.site-header {
		padding-left: 10%;
	}
	.links {padding-left:0;}
	.tel {padding:1% 0%;}
	footer .site-info .site-name .site-logo .custom-logo-link .custom-logo{max-width:70%;}
	.primary-navigation a:hover, .primary-navigation a:link, .primary-navigation a:visited {
		color: #000;
		background-color: #fff!important;
	}
	.primary-navigation > .primary-menu-container {
		height: 30vh;
	}
	#menu-item-22 {
	border-top:2px solid #c2c2c2;
	}
	#menu-item-24 {
	border-bottom:2px solid #c2c2c2;
	}
	.menu-item {
		background-color: #fff!important;
	}
	.desc > img {
		max-width: 70%;
	}
	svg.contato {
	height: auto;
		max-width: 100%;
		}
}