/*
Theme Name: VW Architect Architecture Pro
Theme URI: https://www.vwthemes.com/themes/architecture-wordpress-theme/
Author: VW Themes
Author URI: https://www.vwthemes.com/
Description: This WordPress sports theme is the best option you can opt for if you run a business that is related to sports. It is a good choice for sports trainers or sports coaches offering coaching in any sport. It can also be used in promoting any sport or game. Sports academies and sports clubs can use this theme for their promotion. The effectively designed sections of this theme can constructively display the facilities of your sports academy or business. It is made versatile so that even a sports goods manufacturer or retail shop can also use it to full effect for boosting the business. This cleverly designed sports WordPress theme has a layout that will suit any sport. Many high-end features are included that allow you to showcase the sporting events and schedule in a nice way. With this theme, you are allowed to create your own engaging content giving all the details perfectly.
Version: 0.0.5
License: GNU General Public License
License URI:license.txt
Text Domain: vw-architect-architecture-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
VW Architect Architecture Pro WordPress Theme has been created by VW Themes(vwthemes.com), 2019.
VW Architect Architecture Pro WordPress Theme is released under the terms of GNU GPL
*/
/* Basic Style */
@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
:root {
  --Orange: #ff6c2b;
  --white: #ffffff;
  --black: #000000;
  --blue: #002052;
}
:root {
  --font-roboto: 'Roboto', sans-serif;
  --font-exo: 'Exo 2', sans-serif;
}
h1, h2, h3, h4, h5, h6{
  font-family: var(--font-exo)!important;
      font-weight: 600!important;
}
p{
  font-family: var(--font-roboto)!important;
}
span{
color: var(--Orange);
font-family: var(--font-roboto)!important;
}
.fa-check-circle:before{
color: var(--Orange);
}
.text-underline {
	text-align: center;
    position:relative;
    padding-bottom:20px;
    color: var(--blue) !important;
}
.text-underline:after {
    content:"";
    position:absolute;
    bottom:10px;
    left:50%;
    display:inline-block;
    width: 127px;
    margin-left: -66px;
    border-bottom: 1px solid #f3ad8d;
}
.metabox .entry-date{
  background:url('assets/images/date.png') no-repeat;
  padding: 0px 0px 0px 20px;
  margin:0px 13px 0px 0px;
}
.metabox .entry-author{
  background:url('assets/images/author.png') no-repeat;
  padding: 0px 0px 0px 20px;
  margin:0px 20px 0px 0px;
}
.metabox .entry-comments{
  background:url('assets/images/comments.png') no-repeat;
  padding: 0px 0px 0px 20px;
}
.head-sol, .serv-text, .main-text, .award-text, .award-main-title{
  color: var(--blue);
}
.btn10{
  padding: 13px 20px;
  margin:10px 4px;
  color: var(--white) ;
  font-family: sans-serif;
  text-transform: uppercase;
  text-align: center;
  position: relative;
  text-decoration: none;
  display:inline-block;
}
.btn10{
    font-family: "proxima-nova", sans-serif;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase!important;
    letter-spacing: 2px;
    color: var(--white) ;
    cursor: hand;
    text-align: center;
    text-transform: capitalize;
    border: 1px solid transparent;
    border-radius:5px;
    position: relative;
    overflow: hidden!important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background: var(--Orange);
    z-index:10;
    padding-left: 30px !important;
    padding-right: 30px !important;
}
.btn10:hover{
    border: 1px solid var(--Orange);
	  color: #FFBD9B!important;
}
.btn10::before {
    content: '';
    width: 0%;
    height: 100%;
    display: block;
    background: #444444;
    position: absolute;
	  -ms-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    left: -10%;
    opacity: 1;
    top: 0;
    z-index: -12;
    -moz-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
	   box-shadow:2px 0px 14px rgba(0,0,0,.6);
  }
.btn10::after {
    content: '';
    width: 0%;
    height: 100%;
    display: block;
    background: #EBA83A;
    position: absolute;
	-ms-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    left: -10%;
    opacity: 0;
    top: 0;
    z-index: -15;
    -webkit-transition: all .94s cubic-bezier(.2,.95,.57,.99);
    -moz-transition: all .4s cubic-bezier(.2,.95,.57,.99);
    -o-transition: all .4s cubic-bezier(.2,.95,.57,.99);
    transition: all .4s cubic-bezier(.2,.95,.57,.99);
    box-shadow: 2px 0px 14px rgba(0,0,0,.6);
}
.btn10:hover::before, .btn1O:hover::before{
	opacity:1;
	width: 116%;
}
.btn10:hover::after, .btn1O:hover::after{
	opacity:1;
	width: 120%;
}
.owl-carousel{
  display: block !important;
}
/*.vw-menubar{
background-color: transparent!important;
}*/
.testi-text1{
  color: var(--blue);
}
 .text-para{
  color: var(--blue);
    font-weight: 200;
    font-size: 13px;
    text-align: justify;
    margin-top: 8%;
    line-height: 22px;
  }
   .testimonial:hover .text-para{
    color: white;
   }
 .wpcf7 form.invalid .wpcf7-response-output
 {
     border-color: red !important;
    color: red;
    font-size: small;
    width: auto;
}
.wpcf7-form-control-wrap{
  position: unset;
}
.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 11px;
    font-weight: normal;
    text-align: left;
    margin-top: 10px;
}

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

.avatarnew {
  box-sizing: border-box;
  border: 5px white solid;
  overflow: hidden;
  transform: translatey(0px);
  animation: float 6s ease-in-out infinite;
  img { width: 100%; height: auto; }
}

.img-faq{
  box-sizing: border-box;
  border: 5px white solid;
  overflow: hidden;
  transform: translatey(0px);
  animation: float 6s ease-in-out infinite;
  img { max-width: 100%; height: auto; }
}
.toggle-nav a i{
  color:#002052;
}
.text-slider{
  text-align:center;
  margin-bottom:15px;
}
#gallery-1 img, #gallery-2 img{
    border: 2px solid transparent;
    width: 125px;
     height: 125px;
}
.main-navigation ul{
  margin-top:0px;
}
.header-buy {
    background: #ff6c2b;
    padding: 6px !important;
  border-radius: 3px;
  font-weight:500;
}
.footer-buy {
    background: #ff6c2b;
    padding: 6px !important;
  border-radius: 3px;
  width: fit-content;
  font-weight:500;
}
.footer-buy a{
  color:white!important;
}

.footer-buy:hover {
    background: seagreen;
}
.header-buy:hover{
  border:2px dotted white;
  background-color: gray;
}
#faq .accordion-button:not(.collapsed)::after {
    background-image: url("assets/images/minus1.png")!important;
    }
    #faq .accordion-button::after {
    background-image: url("assets/images/plus1.png")!important;
    }
button:focus:not(:focus-visible) {
    outline: none !important;
}
.accordion-button:focus {
outline: none !important;
border-color: transparent !important;
}
.authordetails img{
  display: none;
}
.wpcf7 form .wpcf7-response-output{
  margin: 1em;
     padding: 0em;
}

@media screen and (min-device-width: 1600px) and (max-device-width: 2500px) {
#portfolios {
    margin-bottom: 14%;
}
@media screen and (min-device-width: 1350px) and (max-device-width: 1599px) {
#portfolios {
    margin-bottom: 22%!important;
}
}