/*
Theme Name: PoojaDesai
Theme URI: http://poojadesai.com
Author: Wideeye Creatives
Author URI: 
Description: This theme is specially created for client and created in Twitter Bootstrap 3. Thank you.
Version: 1.0.0
Tags: responsive-layout, featured-images, flexible-header, theme-options, sticky-post
License: GNU General Public License version 3
License URI: http://www.opensource.org/licenses/gpl-license.php GPL v3.0 (or later)
*/

/********************************************************************************************************************/
/******************************************** MAIN HTML STYLES ******************************************************/
/********************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Montserrat:500,600|Playfair+Display:700);
@charset "UTF-8";

@import url(./css/bootstrap.min.css);
@import url(./css/font-awesome.min.css);


/* --- POOJA DESAI CUSTOM FONT STARTS --- */
@font-face {
  font-family: "pdesai-font";
  src:url("./fonts/pdesai-font.eot");
  src:url("./fonts/pdesai-font.eot?#iefix") format("embedded-opentype"),
    url("./fonts/pdesai-font.woff") format("woff"),
    url("./fonts/pdesai-font.ttf") format("truetype"),
    url("./fonts/pdesai-font.svg#pdesai-font") format("svg");
  font-weight: normal;
  font-style: normal;

}

.myFont { font-family: 'pdesai-font'!important; }
.icon-twitter:before { content: "\61"; }
.icon-facebook:before { content: "\62"; }
.icon-linkedin:before { content: "\63"; }
.icon-home:before { content: "\64"; }
.icon-email:before { content: "\65"; }
.icon-call:before { content: "\66"; }
.icon-blogging:before { content: "\67"; }
.icon-filming:before { content: "\68"; }
.icon-writing:before { content: "\69"; }
.icon-youtube:before { content: "\6a"; }

/* --- POOJA DESAI CUSTOM FONT ENDS --- */


html,body { height: 100%; }

* { -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; }

a, a:hover, i { text-decoration: none; -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; }

body { font-family: 'Montserrat', arial; font-size: 16px; }

body.page-template-default,
body.post-template-default,
body.page-template-workPage,
body.page-template-blogPage,
body.page-template-writingPage { padding-top: 70px; }

.breathe { padding-top: 5em; padding-bottom: 5em; }
.lowBreathe { padding-top: 2.5em; padding-bottom: 2.5em; }
.buffer { margin-top: 20px; margin-bottom: 30px; }

.khakiBG { background-color: #E4DAD2; }
.grayBG { background-color: #F5F5F5; }

.page-template-default .navbar,
.post-template-default .navbar,
.page-template-workPage .navbar,
.page-template-blogPage .navbar,
.page-template-writingPage .navbar { background-color: #E4DAD2; min-height: 70px; }
.page-template-default .logo,
.post-template-default .logo,
.page-template-workPage .logo,
.page-template-blogPage .logo,
.page-template-writingPage .logo {  background-color: #FFF; color: #333; font-size: 28px; font-weight: bold; line-height: 28px; width: 100px; height: 100px; border-radius: 100px; position: absolute; z-index: 2; text-align: center; padding-top: 21px; }

.navbar-nav { margin-top: 25px; }
.navbar-nav > li > a { color: #333; text-transform: uppercase; font-size: 14px; font-weight: 500; line-height: normal; padding: 4px 15px; margin: 0; border-radius: 50px; }
.navbar-nav > li > a:hover,
.navbar-nav > li.active > a { background-color: #333; color: #E4DAD2; }

.navbar.scrolled { background-color: #E4DAD2; min-height: 60px; }
.navbar.scrolled .navbar-nav { margin-top: 15px; }
.navbar.scrolled .logo { width: 82px; height: 82px; line-height: 18px; font-size: 20px; position: relative; border: 2px solid #E4DAD2; }
.navbar.scrolled .navbar-toggle { margin-top: 16px; }

.navbar-toggle { background-color: #FFF; border-radius: 50px; margin-top: 45px;  }
.navbar-toggle .icon-bar { background-color: #333; }

.logo { background-color: #333; color: #E4DAD2; font-size: 28px; font-weight: bold; line-height: 28px; width: 100px; height: 100px; border-radius: 100px; position: absolute; z-index: 2; text-align: center; padding-top: 21px; }

.banner { background-image: url(./img/banner1.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top; position: relative; min-height: 80vh; }
.banner .caption { align-content: center; -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; height: auto; -ms-flex-pack: start; justify-content: flex-start; min-height: 70vh; zoom: 1; }
.banner h2:before, .banner h2:after, .subanner h2:before, .subanner h2:after { content: ""; position: relative; width: 0!important; height: 0!important; }

.subanner { background-image: url(./img/banner1.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; min-height: 45vh; color: #E4DAD2; }
.subanner .container { position: relative; text-align: center; }
.subanner:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: table-cell; background-color: rgba(0,0,0,0.3); }
.subanner .captionContainer { align-content: center; -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; height: auto; -ms-flex-pack: start; justify-content: center; min-height: 45vh; zoom: 1; }
.subanner h2 { font-family: 'Playfair Display', 'Montserrat', arial; color: #FFF; font-weight: normal; margin-bottom: 20px; text-shadow: 2px 2px 30px #000;}

h2:before { content: ""; position: absolute; bottom: -30px; width: 100px; background-color: #CCC; height: 2px; left: 0; right: 0; margin-left: auto; margin-right: auto; }
h2:after { content: ""; position: absolute; bottom: -32px; width: 25px; background-color: #808080; height: 7px; left: 0; right: 0; margin-left: auto; margin-right: auto; }

.btn-pd { background-color: #333; border: 2px solid #333; color: #E4DAD2; border-radius: 80px; font-size: 17px; margin-top: 20px; font-weight: bold; padding: 10px 20px; position: relative; overflow: hidden; }
.btn-pd:hover { background-color: transparent; border: 2px solid #333; padding: 10px 25px; }

.dark .btn-pd { background-color: #E4DAD2; border: 2px solid #E4DAD2; color: #333; border-radius: 80px; font-size: 17px; margin-top: 20px; font-weight: bold; padding: 10px 20px; position: relative; overflow: hidden; }
.dark .btn-pd:hover { background-color: transparent; color: #FFF; border: 2px solid #E4DAD2; padding: 10px 25px; }

.services { text-align: center; background-image: url(./img/img-1.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; min-height: 500px; }
.services:before { content: ""; position: absolute; display: table-cell; left: 0; top: 0; background-color: rgba(0,0,0,0.3); width: 100%; height:100%; }
.services .container { position: relative; color: #FFF; }

.page-template-workPage a.serviceBox { background-color: #F7F7F7; }

a.serviceBox h3 { font-family: 'Playfair Display', 'Montserrat', arial; margin-top: 0px; }
a.serviceBox:hover .icon { background-color: #333; width: 80px; height: 80px; margin: 10px auto; border: 0px solid transparent; }
a.serviceBox:hover .icon span { color: #E4DAD2; }
a.serviceBox:hover h3 { color: #666; }

.imgHolder { min-height: 300px; background-repeat: no-repeat; background-position: center; background-color: #f5f3f6; }
.covered { background-size: cover!important; }

.blogPan { color: #666; font-size: 15px; }
.blogPan .pic { min-height: 270px; border-radius: 20px; background-repeat: no-repeat; background-size: cover; background-position: center; -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.blogPan h3 { font-family: 'Playfair Display', 'Montserrat', arial; font-weight: bold; color: #333; }
.blogPan p { margin-top: 20px; }

.blogr { text-transform: uppercase; font-size: 13px; margin-bottom: 20px; padding-bottom: 35px; }
.blogr .pic { min-height: 250px; background-repeat: no-repeat; background-size: cover; background-position: center; margin-top: 20px; -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.blogr h3 { font-size: 18px; line-height: 22px; letter-spacing: 3px; }
.blogr p { color: #999; }
.blogr a { color: #B39500; font-weight: bold; letter-spacing: 1px; }

footer { background-color: #333; color: #CCC; text-align: center; }
footer h2 { color: #FFF; }
footer form { text-align: left; }
footer form .control-label { font-weight: 400; text-transform: uppercase; }
footer .form-control { padding: 20px; line-height: 40px; font-size: 16px; font-weight: 500; box-shadow: none; }
footer form .form-group { margin-bottom: 20px; }

footer h3 { position: relative; color: #FFF; }
footer h3 span { font-size: 17px; margin-right: 15px; color: #E4DAD2; }

footer a { color: #E4DAD2; }
footer a:hover { color: #FFF; }

ul.social { list-style: none; margin: 0; padding: 0; }
ul.social li { display: inline-block; }
ul.social li a { background-color: #949494; color: #FFF; display: block; border: 2px solid #949494; width: 30px; line-height: 27px; height: 30px; border-radius: 30px; }
ul.social li a:hover { background-color: #333; color: #E4DAD2; }

.clearFix { clear: both; }

@media (max-width: 767px) {

	.banner { min-height: 40vh; }
	.banner h2 { font-family: 'Playfair Display', 'Montserrat', arial; font-weight: bold; font-size: 52px; text-align: left; margin-bottom: 20px; color: #FFF; text-shadow: 2px 2px 20px #000; text-align: center; }
	.banner h3 { font-family: 'Montserrat', arial; font-weight: 400; font-size: 19px; line-height: 25px; color: #FFF; text-shadow: 2px 2px 20px #000; text-align: center; }

	a.serviceBox { display: block; text-align: center; background-color: #FFF; border-radius: 15px; padding: 130px 30px 30px 30px; color: #333; min-height: 200px; margin-bottom: 20px; position: relative; }
	a.serviceBox .icon { position: absolute; left: 0; top: 35px; right: 0;  margin: 0 auto; width: 80px; height: 80px; border: 0px solid #E4DAD2; border-radius: 80px; background-color: #E4DAD2; font-size: 40px; display: flex; align-items: center; justify-content: center; }
	a.serviceBox .icon span {  position: relative; z-index: 5; }

	.subanner .caption { padding-left: 15px; padding-right: 15px; }

	h1 { font-family: 'Playfair Display', 'Montserrat', arial; font-size: 52px; }
	h2 { font-family: 'Playfair Display', 'Montserrat', arial; text-align: center; font-size: 40px; font-weight: 900; margin-bottom: 80px; position: relative; }

	.sideBreathe { padding-right: 15px; padding-left: 15px; }

	.navbar-collapse { background-color: #FFF; padding-top: 20px; }

}


@media (min-width: 768px) {

	a.serviceBox { display: block; text-align: left; background-color: #FFF; border-radius: 15px; padding: 30px 30px 30px 130px; color: #333; min-height: 240px; margin-bottom: 20px; position: relative; }
	a.serviceBox .icon { position: absolute; left: 35px; top: 35px; width: 80px; height: 80px; border: 0px solid #E4DAD2; border-radius: 80px; background-color: #E4DAD2; font-size: 40px; display: flex; align-items: center; justify-content: center; }
	a.serviceBox .icon span {  position: relative; z-index: 5; }

	.banner h2 { font-family: 'Playfair Display', 'Montserrat', arial; font-weight: bold; font-size: 52px; text-align: left; margin-bottom: 20px; }
	.banner h3 { font-family: 'Montserrat', arial; font-weight: 400; font-size: 25px; line-height: 34px; }

	.navbar-nav > li > a { margin-left: 10px; }

	.subanner .caption { padding-left: 100px; padding-right: 100px; }
	
	.page-template-default h1 { font-family: 'Playfair Display', 'Montserrat', arial; font-size: 50px; font-weight: 300; margin-bottom: 30px; }
	h1 { font-family: 'Playfair Display', 'Montserrat', arial; font-size: 60px; }
	h2 { font-family: 'Playfair Display', 'Montserrat', arial; text-align: center; font-size: 50px; font-weight: 900; margin-bottom: 80px; position: relative; }

	.sideBreathe { padding-right: 150px; padding-left: 150px; }

}

@media (min-width: 991px) {
	a.serviceBox { display: block; text-align: left; background-color: #FFF; border-radius: 15px; padding: 30px 30px 30px 130px; color: #333; min-height: 200px; margin-bottom: 20px; position: relative; }

}

@media (min-width: 1200px) {
	a.serviceBox { display: block; text-align: left; background-color: #FFF; border-radius: 15px; padding: 30px 30px 30px 130px; color: #333; min-height: 172px; margin-bottom: 20px; position: relative; }
}