@import url('https://fonts.googleapis.com/css?family=Lobster+Two|Macondo');
@import url('https://fonts.googleapis.com/css?family=Passion+One');
@import url('https://fonts.googleapis.com/css?family=Bevan');
@import url('https://fonts.googleapis.com/css?family=Chewy');
@import url('https://fonts.googleapis.com/css?family=Baloo+Bhaina');
@import url('https://fonts.googleapis.com/css?family=Baloo+Chettan');
@import url('https://fonts.googleapis.com/css?family=Patua+One');
@import url('https://fonts.googleapis.com/css?family=Dancing+Script');
@import url('https://fonts.googleapis.com/css?family=Gloria+Hallelujah');
@import url('https://fonts.googleapis.com/css?family=Comfortaa');
@import url('https://fonts.googleapis.com/css?family=Righteous');
@import url('https://fonts.googleapis.com/css?family=Dosis');
@import url('https://fonts.googleapis.com/css?family=ABeeZee');
@import url('https://fonts.googleapis.com/css?family=Bungee');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');
@import url('https://fonts.googleapis.com/css?family=Londrina+Solid');
@import url('https://fonts.googleapis.com/css?family=Fredericka+the+Great');
@import url('https://fonts.googleapis.com/css?family=Raleway');
@import url('https://fonts.googleapis.com/css?family=Source+Serif+Pro');
@import url('https://fonts.googleapis.com/css?family=Rammetto+One');
@import url('https://fonts.googleapis.com/css?family=Lilita+One');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');

/**********************************************GLOBAL*******************************************************/


:root {
  --input-font-size: 0.9em;
	--background: #F1F1EF;
	--primaryColor: #34421E;
	--secondaryColor: #C19434;
	--successColor: var(--primaryColor);
	--errorColor: var(--secondaryColor);
}

*{
	padding:0;
	margin:0;
	border:0;

}

html{
	width:100%;
	height:100%;
}

body{
	position:relative;
	width:100%;
	height:100%;
	font-family: 'Montserrat';
	background:var(--background);
  overflow-y:auto;
  font-size:0.9em;
}

body > .content{
  padding-bottom:50px;
  /* margin-top:75px; */
	width:100%;
	height:100%;
  background-size: 100px 100px;
  /* background-image: url("https://media.istockphoto.com/id/1159361792/vector/seamless-text-bubbles.jpg?s=612x612&w=0&k=20&c=TGn1-EeHL7WpmUhVQ-sTWL4mLy7Bbqn32cSszwettag="); */
  background-repeat: repeat;
}

ul li{
	list-style:none;
}

a,
a:hover,
a:focus,
a:active,
a:visited{
	text-decoration:none;
}


.form-group label{
  font-size:0.9em;
}

input, select, textarea, select option {
font-size: var(--input-font-size);
}

::-webkit-input-placeholder { font-size: var(--input-font-size); }
::-moz-placeholder { font-size:  var(--input-font-size); } /* firefox 19+ */
:-ms-input-placeholder { font-size:  var(--input-font-size);} /* ie */

.form-control{
	line-height:1;
	font-size:var(--input-font-size);
}

textarea.form-control{
	padding-top:1em;
}

/************MODAL*********/
.modal .modal-body{
  padding-top:4px;
}

.modal form button[type="submit"]{
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  background:var(--primaryColor);
  color:#FFF;
  font-size:0.7em;
}
/********HEADER****/
header{
  position: relative;
  padding:10px 5px 5px 5px;
  background: #FFF;
  /* position:fixed;
  top:0;
  left:0;
  right:0; */
  width:100%;
  border-bottom: 3px dotted #666;
}


/*********APP NAME****/
.app-name{
  font-weight: bold;
  font-size:1.4em;
  color:#000;
}

.app-name .tag-line{
  display: block;
  font-size:0.5em;
}

/*********SGINATURE*******/
.signature{
  font-weight: bold;
  margin:0;
  text-align: right;
  padding-right: 5px;
  position: absolute;;
  bottom:2px;
  right:5px;
}

.signature i{
  margin: 0px 4px 0px 0px;
}

/***************MESSAGE*************/

.has-error{
	border:1.5px solid red;
	border-radius:5px;

}

.error-help-block{
	color:red;
	margin-top:5px;
	font-weight: bold;
	font-size:0.9em;
}

.alert-success,
.alert-error,
.alert-danger{
	display:table;
	margin:10px auto;
	padding-left:20px;
	padding-right:20px;
	font-size:1.2em;
	font-weight: bold;
}

.message{
	position:fixed;
	left:0;
	right:0;
	margin:0 auto;
	top:-100px;
	z-index:200;
  font-size:0.9em;
	pointer-events: none;
	background:none;
}

.message .alert-success{
	background:var(--primaryColor);
	color:#FFF;
}

.message .alert-danger{
	background:var(--secondaryColor);
	color:#FFF;
}

/***FOOTER***/
footer{
  font-size:0.7em;
  position:fixed;
  z-index:100;
  left:0;
  right:0;
  bottom:0;
  text-align: center;
  background:var(--primaryColor);
  color:#FFF;
  padding:3px 10px 2px 10px;
  width:100%;
  font-weight: bold;
  text-transform: uppercase;
}

footer *{
  margin:0;
  display: inline-block;

}

footer a{
  margin:2px 5px;
  font-size:0.8em;
  color:#F7F7F7;
}

/***MODAL STYLING****/
.modal .modal-title{
	font-weight: bold;
	font-size: 0.8em;
	text-transform: uppercase;
}

.modal .modal-header .close{
	font-size:1.2em;
	background: none;
}

.modal .modal-content p{
	font-size:0.9em;
}

.modal .modal-footer .btn{
	padding:4px 6px 2px 6px;
	border-radius: 5px;
	font-size:0.65em;
	font-weight: bold;
	text-transform: uppercase;
}

/******POST******/
#post .data-set{
  background:#FFF;
	border:1px solid #FFF;
	border-radius: 10px;
}

#post #post-data{
  z-index:1;
}

#post #post-data .data{
  padding:20px 30px;
  bordeR:0;
}

#post-data .feature-image{
  width:auto;
  max-width:100%;
  margin:10px auto;
  padding:10px;
  display:block;
  height:400px;
}

#post-data .title{
	font-size:1.2em;
	font-weight: bold;
	text-align:center;
	text-transform:uppercase;
}

/******** ADS HOLDER****/
#ads-holder .ads{
  width:100%;
  height:250px;
  border-radius: 10px;
  margin-bottom: 10px;
  background: url('https://www.whitedigital.in/blog/images/google-ads-v1-editor-for-managing-ad-accounts.jpg') no-repeat;
  background-size: 100% 100%;
}