/*
 Theme Name:     virtue Child Theme
 Template: virtue
*/


@import url("../virtue/style.css");
 
/* =Theme customization starts here*/

@font-face {
    font-family: AvantGrade Medium;
    src: url(fonts/avantgarde-medium-opentype.otf);
}

body{
font-family:'AvantGrade Medium', sans-sserif;
}

#logo{
text-align:center;
}

.book-link i{
color:#fff !important;
    font-size: 22px !important;
    MARGIN: 0 0 0 15px !important;
    vertical-align: top !important;
}

.topbarmenu ul li a i{
color: #fff;
}

#topbar{
background:#fff;
}

.phone, .emailid{
    background: #346334;
    padding: 3px 5px;
    text-align: center;
    border-radius: 3px;
}

.phone a:hover, .emailid a:hover{
color:#fff;
}

.mobile-topbar{
display:none;
}

.desktop-topbar{
display:block;
}


.topbar-widget, .topbar-widget a{
padding:8px 0 0 0;
 color: #fff;
}

.book-link{
position:relative;
color:#fff;
   font-family:'AvantGrade Medium', sans-sserif;
    line-height: 18px;
    font-weight: 400;
    font-style: normal;
    font-size: 25px;
    text-transform:uppercase;
    display: block;    padding: 33px 0 !important;
text-align:center;
}

.topbarmenu ul li a{
font-size: 16px;
    background: #325b2f;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 16px;
    margin: 5px 3px 0;
}

.topbarmenu ul li a:hover{
 background: #000;
}

.sf-menu{
position:relative;
}

.topbar-widget i{
    font-size: 18px;
    color: #fff;
    margin: 0 10px 0 0;
    vertical-align: middle;
}


#nav-main ul.sf-menu {
    float: right;
    width: 100%;
}

.sf-menu a {
    color: #fff;
}

#nav-main ul.sf-menu a {
font-family: 'AvantGrade Medium', sans-serif !important;
}

#nav-main ul.sf-menu:before {
    float: right;
    padding: 35px;
    margin: 0;
    border-right: 0px;
   
    transform: skewx(-33deg);
    content: '';
    display: block;
    width: 105%;
    position: absolute;
    background:linear-gradient(#76c43f, #47a94d,#3a753a,#30552d);
}

#book:before{
    float: right;
    padding: 35px;
    margin: 0;
    border-right: 0px;
   
    transform: skewx(-34deg);
    content: '';
    display: block;
    width: 108%;
    position: absolute;
top: 23px;
left: -22px;
    background: #346334;
}

#mobile-nav-trigger:focus{
outline:0;
}

.icon-reorder{
    font-size: 25px;
    color: #fff;
}

#nav-main ul.sf-menu a:hover, .book-link:hover{
color:#fff !important;
}

.nav-trigger .nav-trigger-case:focus{
outline:none;
}

@media (min-width:1200px){
.sf-menu li{
padding:15px 20px;
}
}


@media screen and (max-width: 1200px) { 
.sf-menu li {
    padding: 15px 0px;
}
}




@media (max-width: 991px){

.nav-trigger-case {
    width: 30%;
    position: absolute;
    right: 60px;
    background: rgba(0, 0, 0, 0) !important;
    top:10px;
}

.mobile-style .col-xs-4{display:none;}
.mobile-style .col-xs-6{width:50%;     float: left;}
.mobile-style .col-xs-3{width:25%;;     float: left;}

#kad-mobile-nav {
    display: block;
    position: relative;
    z-index: 999;
    background: #fff;
}

.topbarmenu ul{
text-align:center;
}

.topbarmenu ul li{
float:none;
display:inline-block;
}

.kad-nav-collapse{
    z-index: 999999999999;
    background: #fff;
    width: 100%;
    top: 100px;
    position:absolute;
}
#mobile-nav-trigger {
    top: 23px;
}

#mobile-nav-trigger:before {
    float: right;
    padding: 35px;
    margin: 0;
    border-right: 0px;
    border-top: 1px solid #78c53e;
    border-bottom: 1px solid #78c53e;
    border-left: 1px solid #78c53e;
    transform: skewx(-30deg);
    content: '';
    display: block;
    width: 105%;
    position: absolute;
    background: #78c53e;
}

}

@media (max-width: 768px){

.mobile-topbar a, .mobile-topbar i{
color:#fff;
}

.mobile-topbar i{
padding:0 10px 0 0;
}

.phone{
margin:0 0 5px 0;
}

.desktop-topbar{
display:none;
}


.mobile-topbar{
display:block;
}

#book:before{
width:115%;
padding:25px;
}

#book:before{
top:12px;
}

.fa.fa-calendar{display:none;}


.mobile-style .col-xs-4{display:none;}

.mobile-style .col-xs-6{width:50%;     float: left;}

.mobile-style .col-xs-3{width:25%;;     float: left;}

#mobile-nav-trigger{top:12px;    background: #78c53e;
    height: 52px;}


#mobile-nav-trigger:before{
float: right;
    padding: 25px;
    margin: 0;
    border-right: 0px;
    border-top: 1px solid #78c53e;
    border-bottom: 1px solid #78c53e;
    border-left: 1px solid #78c53e;
    transform: skewx(-30deg);
    content: '';
    display: block;
    width: 75%;
    position: absolute;
    background: #78c53e;
    left:-14px;
}

.nav-trigger .nav-trigger-case{
background:transparent;
}

.book-link{
padding:10px 0 !important;
font-size:14px;
}



.nav-trigger .nav-trigger-case{
position:absolute;
top:0px;
right:70px;
}

#kad-mobile-nav{position:relative;}
.kad-nav-collapse{
    z-index: 999999999999;
    background: #fff;
    width: 100%;
    top: 100px;
position:absolute;
}


.phone, .emailid {
    background: linear-gradient(#c9f29f, #7ace40 ,#2ea700 ,#0a8a00) !important;
    margin: 0 0 20px 0;
    padding: 5px 0;
    border: 1px solid #80e800;
}

.row.mobile-style{
margin-left:0px;
margin-right:0px;  
}

header #thelogo {
   margin-right: 22px !important;
}

}

@media (max-width: 480px){



#mobile-nav-trigger:before{
width:60%;
}

.row.mobile-style{
margin-left:0px;
margin-right:0px;  
}

.nav-trigger .nav-trigger-case{
right:25px;
}
}

@media (min-width: 300px){
.mobile-topbar .col-xs-6 {
    width: 50%;
    float:left;
}
}
@media screen and (min-width:365px) and (max-width:480px){
.fa.fa-calendar {
    display: block !important;
	 padding: 0px 28px 6px 4px !important;

float: left;

margin-top: -20px;

margin-left: 59px;
}
	
	.textwidget a.book {
	
	padding: 12px 28px 0 4px !important;
	
}
	.textwidget a.book {

    
    font-size:18px !important;

}
	
}
@media screen and (min-width:320px) and (max-width:360px){

	
	.textwidget a.book {
	
	padding: 12px 28px 0 0px !important;
	
}
	.textwidget a.book {

    
    font-size:12px !important;

}
	.fa.fa-calendar {
	display: block !important;
	padding: 0px 0px 0px 0px !important;
	float: left;
	margin-top: -20px;
	margin-left: 40px;
}
	
}
@media screen and (min-width:280px) and (max-width:320px){
	.fa.fa-calendar {
    display: block !important;
}
	
	.textwidget a.book {
		font-size: 12px !important;
		 
}
	
	.fa.fa-calendar {

    padding: 0px 28px 6px 4px !important;

}
}



.textwidget a.book {
	color: #fff !important;
	padding: 29px 28px 0 26px;
	font-size: 25px;
	position:absolute;		
}
.fa.fa-calendar {
	padding: 6px 28px 9px 12px;
}
.form-horizontal input{
	width:100%;
}