/** add bottom margin of last p element**/
p:last-of-type {
	margin-bottom: 2rem;
}

/** remove border of articles in category view **/
.card, .article-wraper-inner {
	border: 0px solid rgba(0, 0, 0, 0.125);
}

/** Remove border-radius of buttons **/
.btn-lg {
	border-radius: 0;
}

/** add background color to banner tittle **/
h3.astroid-banner-title {
	background: #d4c3b3;
	display: inline;
	padding: 1rem 1.5rem;
  	width: auto !important;
}

/** Blog page **/
.myblog-banner-title .container {
	/**background: #d4c3b3 !important;**/
}

.myblog-banner-title h3.astroid-banner-title {
	display: inline-block;
}

.myblog-banner-title .sub {
	font-size: 55% !important;
}

/** Contact Page **/
.contact-page h3.astroid-banner-title {
	font-size: 1em;
	background: #d4c3b3;
	display: inline;
	padding: 0.5rem;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, 50%);
	transform: translate(-50%, 50%);
	width: auto !important;
}

.btn-lg {
	font-size: 1em;
}

/** Newsletter Form **/
.pweb-static .pwebcontact-container {
	padding: 0px;
}

/** Subscribe button height **/
form.pwebcontact-form button, form.pwebcontact-form .btn {
	padding: 12px 12px;
	border: 1px solid #DDCBB8;
	border-left: 0;
}


form.pwebcontact-form button, form.pwebcontact-form .btn {
	-webkit-box-shadow: 0 0 0px 0px rgba(0, 0, 0, 0) inset;
	-moz-box-shadow: 0 0 0px 0px rgba(0, 0, 0, 0) inset;
	box-shadow: 0 0 0px 0px rgba(0, 0, 0, 0) inset;
}

form.pwebcontact-form .btn {
	text-shadow: 0 0px 0px rgba(255, 255, 255, 0);
}

/*** Subscribe button rollover **/
#pwebcontact91_form button:hover, #pwebcontact91_form .btn:hover {
	background-color: #D6B692;
}

input#pwebcontact91_field-email.pweb-input {
	border: 1px solid #DDCBB8;
	padding: 9px 12px;
	height: auto !important;
}


form.pwebcontact-form input.pweb-input:focus{
	outline: none;
	-webkit-box-shadow: 0 0 0px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2) inset !important;
	-moz-box-shadow: 0 0 0px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2) inset !important;
	box-shadow: 0 0 0px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2) inset !important;
}

form.pwebcontact-form .btn {
	line-height: 25px;
	padding: 9px 12px;
}

/** center align the label inside input field **/
label#pwebcontact91_field-email-lbl {
	line-height: 45px;
	padding: 0 0 0 12px;
}



/** List Style **/

ol {
	list-style: none;
	padding-left: 0;
	list-style-position: outside;
	counter-reset: item;
}
ol > li {
	counter-increment: item;
}
ol > li::before {
	margin-right: 5px;
	content: counter(item) ". ";
	font-weight: 400;
	display: inline-block;
	font-size: 1.8em;
}

li h3 {
	display: inline;
}

li h3 + p {
	margin-top: 1rem;
}

ul { 
	list-style-type: disc; 
}


@media (max-width: 575px) {  
    .myblog-banner-title .container {
      width: 95% !important;
    }
  
    h3.astroid-banner-title {
      padding: 0.5rem;
      font-size: 1.5em;
    }
  
  h4.newsletter-heading {
      font-weight: 600; 
      font-size: 2em; 
      line-height: 1.3; 
      color: #172639;
  }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  

	.myblog-banner-title .container {
	width: 90% !important;
	}
  
  	h4.newsletter-heading {
      font-size: 2.5em;
      color: #172639;
      font-weight: 600;
  }
}
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
 
  .myblog-banner-title .container {
	width: 50% !important;
	}
  
  h4.newsletter-heading {
      font-size: 3em;
  }
}
 
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
 
  .myblog-banner-title .container {
	width: 30% !important;
	} 
}
 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  

	.astroid-banner-inner {
	padding: 200px 0; /** responsibly adjust the height of banner **/
	}

    .blog-page .astroid-banner-inner {
      padding: 140px 0;
    }
  
	.blog2-page .astroid-banner-inner {
	padding: 100px 0; /** responsibly adjust the height of banner **/
	}

	.container-fluid {
	max-width:1400px /**Limit the width of container-fluid**/
	}

	.contact-page h3.astroid-banner-title {
	font-size: 1.8em !important;
	padding: 1rem 1.5rem !important;
	/**position: absolute;**/
	top: 83% !important;
	left: 50%;
	-ms-transform: translate(-50%, 50%);
	transform: translate(-50%, 50%);
	width: auto !important;
	}

  /** Newsletter Form in 2 column layout **/
    div.pweb-field-container.pweb-field-email.pweb-label-over, div.pweb-field-container.pweb-field-buttons {
      float: left;
    }

    div.pweb-field-container.pweb-field-email.pweb-label-over {
      width: 68%;
      margin-right: 0.5%;
      /** border: 0px solid red;
      border-right: 0; **/
    }

    div.pweb-field-container.pweb-field-buttons {
      width: 30%;
      /** border: 0px solid red;
      border-left: 0; **/
    }

  	form.pwebcontact-form input.pweb-input, form.pwebcontact-form select {
    line-height: 25px;
}
  
}