/* 

Theme Name: My Theme

Author: Amir Mehtani



*/



body {

   background-image: url(/wp-content/uploads/2021/02/body-background.jpg);

   background-position: top;

   background-repeat: no-repeat;

   background-size: cover;

}



a:hover{

   text-decoration: none;

}





 





h1,h2{font-family: 'Conv_TrajanPro-Bold'; }

h4{font-family: 'Conv_smoothy-cursive';}

p{font-family: 'Conv_ArialCE'; color: #3a3b39;}



@font-face {

   font-family: 'Conv_Trajan Pro';

   src: url('fonts/Trajan Pro.eot');

   src: local('☺'), url('fonts/Trajan Pro.woff') format('woff'), url('fonts/Trajan Pro.ttf') format('truetype'), url('fonts/Trajan Pro.svg') format('svg');

   font-weight: normal;

   font-style: normal;

}

@font-face {

   font-family: 'Conv_TrajanPro-Bold';

   src: url('fonts/TrajanPro-Bold.eot');

   src: local('☺'), url('fonts/TrajanPro-Bold.woff') format('woff'), url('fonts/TrajanPro-Bold.ttf') format('truetype'), url('fonts/TrajanPro-Bold.svg') format('svg');

   font-weight: normal;

   font-style: normal;

}



@font-face {

   font-family: 'Conv_TrajanPro-Regular';

   src: url('fonts/TrajanPro-Regular.eot');

   src: local('☺'), url('fonts/TrajanPro-Regular.woff') format('woff'), url('fonts/TrajanPro-Regular.ttf') format('truetype'), url('fonts/TrajanPro-Regular.svg') format('svg');

   font-weight: normal;

   font-style: normal;

}



@font-face {

   font-family: 'Conv_Smoothy';

   src: url('fonts/Smoothy.eot');

   src: local('☺'), url('fonts/Smoothy.woff') format('woff'), url('fonts/Smoothy.ttf') format('truetype'), url('fonts/Smoothy.svg') format('svg');

   font-weight: normal;

   font-style: normal;

}



@font-face {

   font-family: 'Conv_smoothy-cursive';

   src: url('fonts/smoothy-cursive.eot');

   src: local('☺'), url('fonts/smoothy-cursive.woff') format('woff'), url('fonts/smoothy-cursive.ttf') format('truetype'), url('fonts/smoothy-cursive.svg') format('svg');

   font-weight: normal;

   font-style: normal;

}



/** Generated by FG **/

@font-face {

	font-family: 'Conv_ArialCE';

	src: url('fonts/ArialCE.eot');

	src: local('☺'), url('fonts/ArialCE.woff') format('woff'), url('fonts/ArialCE.ttf') format('truetype'), url('fonts/ArialCE.svg') format('svg');

	font-weight: normal;

	font-style: normal;

}



/* Header-starts-here */

.navbar{

   padding: 110px 0 30px;

   position: relative;

}

.navbar-nav{transition: all 0.3s ease 0s;

    -webkit-transition: all 0.3s ease 0s;

    background: transparent;

   }





.navbar-nav:after {

   background-size: auto;

   content: "";

   background: url(/wp-content/uploads/2021/02/line.png);
   

   position: absolute;

   display: inline-block;

   left: 0;

   width: 100%;

   height: 100%;

   background-repeat: no-repeat;

   top: 98%;  

}

.navbar-nav:before {

   background-size: auto;

   content: "";

   background: url(/wp-content/uploads/2021/02/curly-border.png);

    position: absolute;

   display: inline-block;

   left: 0;

   width: 100%;

   height: 100%;

   background-repeat: no-repeat;

   top: 86%;

   left: -176px;

}

.navbar-brand{

   padding-left: 10%;

}

.navbar-brand img {

   width: 220px;

   max-width: 100%;

   padding-left: 10%;



}



body.home .navbar-brand img {

   display: none;

}



.nav-item {

   text-transform: uppercase;

   font-family: 'Conv_TrajanPro-Bold';

}
body.home img.shape-side {
    height: 100%;
}



.nav-link {

   color: #3a3b39;

   padding: .5rem 2rem !important;

   transition:all 0.3s ease 0s; 

   -webkit-transition:all 0.3s ease 0s;

   margin-right: 15px;

}

.nav-link.active{ 

   background-color: #3a3b39;

   color: #e6d6b2;;

}

.nav-link:hover {

   background-color: #3a3b39;

   color: #e6d6b2;;

}



.navbar-toggler {

   padding: .50rem .50rem;

   font-size: 1.25rem;

   line-height: 1;

   border-radius: .25rem;

   display: flex;

   background-color: #3a3b39;

   margin-right: 15px;

   margin-bottom: 15px;



}

.navbar-toggler-icon {

   width: 24px;

   height: 17px;

   background-image: none;

   position: relative;

   border-bottom: 2px solid #fff;

   transition: all 300ms linear;

}

.navbar-toggler-icon:before {

   width: 24px;

   position: absolute;

   height: 2px;

   background-color: #fff!important;

   top: 0;

   left: 0;

   content: '';

   z-index: 2;

   transition: all 300ms linear;

}

.navbar-toggler-icon:after {

   width: 24px;

   position: absolute;

   height: 2px;

   background-color: #fff!important;

   top: 8px;

   left: 0;

   content: '';

   z-index: 2;

   transition: all 300ms linear;

}

button.navbar-toggler:focus {

   outline: none;

}







/* Home-page CSS starts-here */

.sideshape {

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;
    width: 40%;
    max-width: 650px;

}

.sideshape img {   

   max-width: 100%;

}


.page-template-contact .sideshape img {
   max-height: 950px;

}



.head-logo {

   width: 250px;

   max-width: 100%;

}

.logo-container{

   display: flex;

   flex-direction: column;

   width: 100%;

   align-items: center;

}



.title-text h1{

   color: #3a3b39;

   font-family: 'Conv_TrajanPro-Bold';

   text-align: right;

   margin: 2rem 0 .5rem 0;

   position: relative;

   font-size: 35px !important;

}

.title-text {

   width: 100%;

   max-width: 60%;

}

.title-text p{

   font-size: 30px;

   text-align: right;

   font-family: 'Conv_smoothy-cursive';

   margin-top: 30px;

   margin-bottom: 0;

}

.title-text h1::after{

   background-size: auto;

   content: "";

   background: url(/wp-content/uploads/2021/02/pen-shape.png);

   position: absolute;

   display: inline-block;

   width: 70px;

   height: 160px;

   background-repeat: no-repeat;

   top: 0;

    left: 100%;



}

.img-wrap img {

   width: 300px;

   max-width: 100%;
	height: auto;

}



.blog-content {

   background-image: url(/wp-content/uploads/2021/02/blog-bg.png);

   background-position: center;

   background-repeat: no-repeat;

   font-family: 'Conv_TrajanPro-Bold';

   padding:130px 0;

   display: flex;

   justify-content: center;

   align-items: center;

   flex-direction: column;

   background-size: auto;

   text-align: center;

}

.blog-content a{

   text-decoration: none;

}

.blog-content h2{text-align: center;color: #3a3b39;}



/* Home-page-css ends here */





/* Footer Starts-here */

footer {

   background: #3a3b39;

    padding: 70px 0px 40px 0px;

    color: #ecdcbb;

    /* margin-top: 30px; */

}

footer h4{

   font-size: 33px;

   color: #ecdcbb;



}

.footer-menu-list{

   padding: 0;

   list-style: none;

}

.footer-menu-list li {

   margin-top: 30px;

}

.footer-menu-list li a {

   color: #ecdcbb;

   font-size: 15px;

   font-family: 'Conv_TrajanPro-Bold';

   text-decoration: none;

   word-break: break-all;

}



.mb-30{

   margin-bottom: 30px;

}



/* Footer css ends here */









/* Contact-page css starts here */

body.page-template-contact .navbar-brand img {

   display: none;

}



.contact-wrapper {

   margin: 70px 0;
/* min-height: 42vh; */

}

.contact-rw {

   flex-direction: column;

   justify-content: center;

   align-items: center;

   text-align: center;

}



.my-mail {

   color: #3a3b39;

   font-size: 18px;

   font-family: 'Conv_TrajanPro-Bold';

   text-decoration: none !important;

   word-break: break-all;

   padding: 30px;

   margin: 30px 0;

   border: 1px solid #3a3b39;

   border-radius: 5px;

   transition: all 0.3s ease 0s;

   -webkit-transition: all 0.3s ease 0s;

}

.my-mail:hover {

   background: #3a3b39;

   color: #ecdcbb;

}



/* Contact-page css Ends here */



/* Blog-page css starts-here */

.Blog-wrapper {

   padding: 100px 0;

}

.blog-feature {

   background-image: url(/wp-content/uploads/2021/02/blog-feature.png);

   background-position: center;

   background-repeat: no-repeat;

   font-family: 'Conv_TrajanPro-Bold';

   display: flex;

   justify-content: center;

   text-align: center;

   background-size: cover;

   padding: 50px 0px;

   margin-bottom: 15px;

}



.blog-feature .feture-img{width: 150px;}



.main-blog-wrap {

   text-align: center;

}







/* archive page css starts here */



.main-heading.pb-3 {

   text-align: center;

   margin: 30px 0;

}



body.archive,  body.single-blogs {

   background-image: url(/wp-content/uploads/2021/02/blog-background.jpg);

   background-position: top;

   background-repeat: no-repeat;

   background-size: cover;

}



body.archive  .sideshape {

   display: none;

}



body.single-blogs .sideshape

{

   display: none;

}



body.archive .logo-container{



   display: none;

}





.blogContainer {

   width: 90%;

   padding-right: 15px;

   padding-left: 15px;

   margin-right: auto;

   margin-left: auto;

}



.post-articles {

   display: flex;

   flex-wrap: wrap;

   /* height: 100%; */

}



.article-content {

   margin-bottom: 50px;

   width: 100%;

   text-align: center;

   /* border: 1px solid black; */

}





.post-img

{

   /* border: 2px solid black; */

   position: relative;

}



.post-img img{

   max-width: 100%;

   position: relative;

}

.blogThumbnail {

   position: absolute;

   width: 80%;

   position: absolute;

   height: 100%;

   top: 0;

   margin: auto;

   left: 0;

   right: 0;

   display: flex;







}

.blogThumbnail img {

   height: auto;



   margin: auto;

   text-align: center;

   max-width: 100%;

}



.blog-titel{

   margin-top: 25PX;

}



.article-content h4  {

   color: #3a3b39 !important;

   font-family: 'Conv_ArialCE';

   text-transform: capitalize;

   font-size: 22px;

   text-decoration: none;

}

body.archive .navbar, 

body.single-blogs .navbar {

   padding-top: 15px;

}



/* Archive page css ends here */



/* blog-detail page css starts here */

.post-bg {

   background-position: top center;

   background-repeat: no-repeat;

   background-size: cover;

   padding: 50px 70px;

   background-image: url(/wp-content/uploads/2021/02/post-background.png);

   margin: 70px 0;

}

.post-banner h1 {

   margin-top: 50px;

   text-align: center;

   color: #3a3b39;

}

.single_blog {

   display: flex;

   flex-wrap: wrap;

   justify-content: center;

   flex-direction: column;

}



.d-none {

   display: none !important;

}

.post-content .title-text {

   float: right;

   margin-bottom: 40px;

   margin-right: 40px;

}

.feat_img {

   margin-bottom: 30px;

   width: 400px;

   max-width: 100%;

   margin: auto;

   text-align: center;

}

.feat_img img {

   width: 100%;

   height: 100%;

   max-width:100%;



}
section.blog-wrapper {
    margin: 0px 0 50px;
}

.single-blog-content{

   margin-top: 20px;

}

.single-blog-Container{

   width: 100%;

   max-width: 1000px;;

 padding-right: 15px;

   padding-left: 15px;

   margin-right: auto;

   margin-left: auto;

}

.title-text h1.signature {

   margin-right: 30px !important;

   font-family: 'Conv_smoothy-cursive' !important;

   margin-top: 40px !important;

}

.title-text h1.signature::after {

   background-size: auto ;

   content: "" ;

   background: url(/wp-content/uploads/2021/02/pen-shape.png) ;

   position: absolute ;

   display: inline-block;

   width: 70px;

   height: 160px;

   background-repeat: no-repeat;

   top: -70px;

   left: 100%;

}



div.asl_w .probox .proinput input.orig::-webkit-input-placeholder {

   color: #FFFFFF !important;

}

 

input.orig:-moz-placeholder { / Firefox 18- /

   color: #FFFFFF !important;

}

 

input.orig::-moz-placeholder {  / Firefox 19+ /

   color: #FFFFFF !important;

}

 

input.orig:-ms-input-placeholder { 

   color: #FFFFFF !important;

}









/* media-querries */



@media only screen and (max-width:767px) { 



   h1,h2{ font-size: 20px !important; }

   p{font-size: 15px;}

  

  .head-logo {

   width: 200px;

}

.footer-menu-list li a {

   word-break: break-all;

}

.post-bg{padding: 15px;margin: 30px 0;}



.title-text p {

   font-size: 18px;}

.navbar {

      padding: 30px 15px;

  }

.navbar-nav:after, .navbar-nav:before{display: none;}

.navbar-collapse .navbar-nav {

   background-color: #3a3b39;

}

.navbar-collapse .navbar-nav .nav-link {

   color: #e8d9b8;

   border-bottom: 1px solid;

   margin-right: 0;

}

.my-mail{font-size: 12px;

}

.title-text h1 {font-size: 20px !important }



}



@media only screen and (min-width:768px) and (max-width:991px) {





}



@media only screen and (min-width:768px) and (max-width:1199px) {

  

   .blogContainer .col-md-2 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 50%;

      flex: 0 0 50%;

      max-width: 50%;

   }



}





@media only screen and (max-width:1200px) {

   .sideshape {

      display: none;

  }

  .post-bg {

   padding: 30px 30px;

   margin: 50px 0;

}





}





.search_blog{

   margin-top: 20px;

   width: 20%;

    min-width: 250px;

    position: relative;

}





.search_blog .promagnifier {

   display: none;

}

.search_blog  .prosettings {

   display: none;

}



.search_blog::before{

   position: absolute;

   left: -50px;

   top: 5px;

   content: url('/wp-content/uploads/2021/02/search-icon.png');

}



.search_blog #ajaxsearchlite1 .probox .proinput input, div.asl_w .probox .proinput input{

   color: white!important;

}



.search_blog #ajaxsearchlite2 .probox .proinput input, div.asl_w .probox .proinput input{

   color: white!important;

}



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

.mob-searchblog{

   display: none;

}

}



@media screen and (max-width: 767px) {

   .web-searchblog{

      display: none;

   }
   .footer-wrap{
      text-align: center;
   }

   }





   .home .search_blog , .page-template-contact .search_blog  , .single-blogs .search_blog {

      display: none;

   } 




   .mob-searchblog{

      margin: auto;

      margin-left: 73px;

      margin-bottom: 20px;



   }