/*
Theme Name: Multipurpose Blog
Theme URI: https://www.buywptemplates.com/free/wp-multipurpose-blog-wordpress-theme/
Author: Buywptemplates
Author URI: https://www.buywptemplates.com
Description: The Multipurpose blog is a beautiful and minimal blog theme designed specifically for bloggers to make blogs for photography, food, fashion, lifestyle, magazines, travel, sports, technology, as well as modern newspaper websites. It is a powerful blog theme with plenty of features, user-friendly customization and personalization options. It includes features such as quick page speed, mobile friendly design, cross browser compatibility, SEO friendly, translation ready, etc. It shows a large slider with a banner that has a Call to Action Button (CTA) to attract the visitors. It is compatible with WooCommerce and features layouts for products, posts, and pages. It has secure and clean codes that do not allow you to write even a single line of code. It offers a bunch of shortcodes that helps in incorporating functional features. This minimal blog theme is based on Bootstrap framework which enhances the speed of development. Also, it has an interactive demo for easy understanding. View full demo here: https://www.buywptemplates.com/multipurpose-blog-wordpress-theme/
Version: 1.8.1.4
License: GNU General Public License
License URI: license.txt
Text Domain: multipurpose-blog
Tags: left-sidebar,right-sidebar,one-column,two-columns,three-columns,four-columns,grid-layout,custom-colors,custom-background,custom-logo,custom-menu,custom-header,editor-style,featured-images,footer-widgets,sticky-post,buddypress,full-width-template,front-page-post-form,theme-options,threaded-comments,translation-ready,rtl-language-support,blog,news,photography

Multipurpose Blog WordPress Theme incorporates code from VW Restaurant Lite WordPress Theme, Copyright 2016 VW Themes
Multipurpose Blog WordPress Theme is distributed under the terms of the GNU GPL
*/


*{
  margin:0;
  padding:0;
  outline:none;
}

body{ 
  margin:0;
  padding:0;
  -ms-word-wrap:break-word;
  word-wrap:break-word;
  background-color:#f1f1f1;
  font:12px/22px arial;
  color:#5b5b5b;
}

img{ 
  margin:0;
  padding:0;
  border:none;
  max-width:100%;
  height:auto;
}

section img{
  max-width:100%;
}

h1,
h2,
h3,
h4,
h5,
h6{ 
  margin:0;
  padding:0 0 15px;
}

p{ 
  margin:0;
  padding:0;
}

a{ 
  text-decoration:none;
  color:#00A885;
}

a:hover{ 
  text-decoration:none;
  color:#666;
}

ul,
ol{ 
  margin:0 0 0 15px;
  padding:0;
}

input[type='submit']{
  background-color: #00A885;
  padding: 1%;
  border: 0;
  color: #fff;
  margin: 2% 0;
}

.clear{ 
  clear:both;
}

input[type='submit']:hover{
  cursor: pointer;
}

input[type="text"],
input[type="email"],
input[type="phno"],
textarea{
  border:1px solid #bcbcbc;
  width:100%;
  font-size:16px;
  padding:10px 10px;
  margin:0 0 23px 0;
  height:auto;
}

textarea{
  height:111px;
}

select{
  width:100%;
}

.center{ 
  text-align:center;
  margin-bottom:40px;
}

.middle-align{
  margin:0 auto;
  padding:0;
  /*min-height: 550px;*/
}

.wp-caption{ 
  margin:0;
  padding:0;
  font-size:13px;
  max-width:100%;
}

.wp-caption-text{ 
  margin:0;
  padding:0;
}

.screen-reader-text {
  position: absolute;
  top:-9999em;
  left:-9999em;
}

.sticky{ 
  margin:0;
  padding:0;
}

.gallery-caption{ 
  margin:0;
  padding:0;
}

.alignleft,
img.alignleft {
  display: inline;
  float: left;
  margin-right:45px;
  margin-top:4px;
  margin-bottom:20px;
  padding:0;
}

.alignright,
img.alignright { 
  display: inline;
  float: right;
}

.aligncenter,
img.aligncenter { 
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top:0;
}

.comment-list .comment-content ul { 
  list-style:none;
  margin-left:15px;
}

.comment-list .comment-content ul li{
  margin:5px;
}

.main-container ol{
  list-style-position:outside;
  margin-left:20px;
}

.main-container ol li{
  margin:5px 0;
}

.menus {
    border-bottom:3px solid #f2f2f2;
}

.toggleMenu{
  display:none;
}

.bypostauthor{ 
  margin:0;
  padding:0;
}

section{ 
  padding:34px 0;
  position:relative;
  max-width:1400px;
  margin:0 auto;
}

h2.section-title { 
  font-family:'Roboto';
  font-size:30px;
  font-weight:700;
  padding:0 0 45px 0;
  text-align:center;
  display:table;
  margin-bottom:50px;
}

/* --------- SLIDER--------- */
p.slider_parg {
   font-size: 16px !important;
    font-weight: normal !important;
    text-align: left;
    margin-left: 164px !important;
    margin-top: 13px !important;
    color: #000;
    font-family: Open, sans-serif;
}
p.slider_head {
    text-align: left;
    font-size: 48px !important;
    font-weight: normal !important;
    margin-left: 15% !important;
    font-family: 'Dancing Script' !important;
    letter-spacing: 4px;
}
#slider{ 
  max-width:100%;
  margin:auto;
  padding:0;
  position:relative;
}

.nivo-caption {
  top:25%!important;
}

#slider .slide-cap{ 
  position:relative;
  margin:auto;
  width:90%;
  margin-right:auto;
  margin-left:auto;top:25%;
}

#slider .slide-cap h4{
  text-transform:uppercase;
  font-size:25px;
  width:100%;
  margin:0 auto;
  background:url('images/welcome.png') center no-repeat;
  background-position: center;
  padding:5px 0;
  font-weight:bold;
}

#slider .slide-cap h3 {
  font: 700 80px 'Roboto';
  text-transform: uppercase;
  background: url('images/border.png') no-repeat center bottom;
  padding-bottom: 50px;
  font-size: 38px;
}

#slider .slide-cap p {
    color: #fff;
    font-weight: 700;
    margin: 0 0 0 0;
    line-height: 20px;
    font: 20px;
    font-weight: bold;
    padding: 2% 19% 0 6%;
}

#slider .slide-cap a.read-more{
  display:none;
  border-radius:3px;
  padding:10px 25px;
  border:1px solid #ffffff;
  color:#ffffff;
}

a.blog-more{ 
  display:inline-block;
  font:400 16px 'Roboto Condensed', sans-serif;
  padding:10px 30px;
  margin-top:21px;
  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  -o-border-radius:4px;
  -ms-border-radius:4px;
  margin-right:15px;
}

/*services section*/
a.r_button {
    background: rgba(158, 158, 158, 0.38);
    padding: 0.5em 2em;
    color: #000;
    font-weight: bold;
}

section h3 {
    font-weight: bold;
    text-align: center;
    margin: 0 0 7px;
    padding: 0;
    font-size: 30px;
    color: #000;
    font-family: 'Overpass';
}

/*--------------header-------------*/
span.email i,span.call i {
	margin-right: 4%;
}
	/*Custom CSS added March 1st, 2018*/
span.email ,span.call{
	font-family: 'Suravaram';
}
.socialbox {
  text-align: right;
}
#header .socialbox i {
  margin: 0 7px;
  color: #000;
}
#header .socialbox i:hover {
    color: #59A101;
}
:hover {
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
}
#header .top_headbar {
  padding: 10px 65px 10px 65px;
  font-size: 16px; 
  width: 100%;  
  margin: 0 auto;
  background: rgba(158, 158, 158, 0.38);
}
.logo a:hover {
    text-decoration: none;
}
.logo_bar {
    border-bottom: 3px solid #f2f2f2;
}
#header .logo{
  margin:0;
  /*padding:37px 0;*/
  text-align:center;
}
#header .logo h1{
  text-transform:uppercase;
  padding:0;
  margin-bottom:0;
  font-size:30px;
  margin-top: 0;
  text-align:center;
}
#header .logo a{ 
    color: #333333;
    font-family: 'Alex Brush', cursive;
    font-size: 45px;
    letter-spacing: 3px;
    text-transform: none;
}
#header .logo p{ 
  font-size:12px;
  color: #999;
}
#header .header-top{
  background:#000;
  color:#aaaaaa
}
.main-container{
  margin:0;
  padding:0;
}

.header.fixed{
  position:fixed !important;
  top:0 !important;
  margin:0;
  padding:15px 0;
  z-index:99999999;
  background-color:#ffffff;
  opacity:inherit;
}

.header .logo{
  margin:0;
  padding:0 0 15px;
}

.header .logo h1{ 
  padding:0;
  margin-bottom:8px;
  font-size:20px;
}

.header .logo a{ 
  color:#ffc000;
  font-family:'Roboto';
  font-size:37px;
  text-decoration:none;
}

.header .logo p{ 
  font-size:14px;
  font-family:'Roboto';
  color:#626262;
}

.toggle{
  display:none;
}

.header{
  z-index:999;
  width:100%;
  height:auto;
}

.header .nav{ 
  margin:0;
  padding:0;
  text-align:left;
}

/*Custom menu CSS Added Feb 17, 2018*/
.custom-nav-menu{
	font-family: 'ANTIC';
	margin:0;
}
/*End custom*/

/*Custom anchor CSS Added Mar 1, 2018*/
a:link {
	color:#59a000;
	font-family: 'La Belle Aurora';
	text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none !important;
}

a:active {
    text-decoration: none;
}
/*End custom*/

/*Custom quote CSS Added Mar 12, 2018*/
quote{
	font-family:'Reenie Beanie;';
}
/*End custom*/

#header .nav{ 
  margin:0 0 0 0;
  padding:0 18px 0 0;
  text-align:left;
}
#header .nav ul { 
  text-align: center;
  margin:0;
  padding:0;
  font-family:'Roboto';
  font-weight:400;
  font-size:14px;
  text-transform: uppercase;
  font-weight:bold;
}
#header .nav ul li{ 
  display:inline-block;
  margin:0;
  position:relative;
}
#header .nav ul li a{ 
  color:#99a4b0;
  padding:10px;
  display:block;
  text-align: left;
}
#header .nav ul li a:hover{
  border-bottom: solid 3px #59A101;
  transition-duration: 0.2s;
  color: #59A101;
  text-decoration: none;
}
#header .nav ul li a:active,
#header .nav ul li.current-menu-item a{
 /* border-bottom: solid 3px #59A101;
  color: #59A101;*/
}
#header .nav ul.sub-menu li{
  display: inline;
}
#header .nav ul.children li {
    display: inline;
}
.header-widget{ 
  margin:0;
  padding:0;
  clear:right;
  color:#ffffff;
  text-align:right;
}
.header-widget h4.header-title{ 
  font-size:18px;
  margin:0;
  padding:0;
  color:#ffffff;
}
.header-widget li{ 
  display:inline;
  border-left:1px solid #f1f1f1;
  padding-left:5px;
}


/* --------- Homepage --------- */

section { 
  width:100%;
  margin:0 auto;
  position:relative;
  background-color:#ffffff;
}
.section-title {
  font: 26px 'PT sans';
  margin: 0 0 10px 0;
  text-align: left;
  background: rgba(158, 158, 158, 0.38);
  padding: 8px 10px;
}
.services {
  padding:0;
}
.services .section-title a{
  color:#000;
  font-size:24px;
  font-weight:normal;
}
.services .section-title a:hover{
  text-decoration:none;
}
.services .new-text p{
  font-size: 16px;
  color: #727272;
  margin: 0 0 10px;
  line-height:23px;
}
.inner-service {
  border: 2px solid #dddddd;
  margin-bottom: 3%;
  padding: 15px;
}
.services .about-us{
  padding: 10px;
  margin-top:20px;
}
.services  .about-us a{
  border: 1px solid #000;
  padding:8px 20px;
  color: #000;
  text-decoration:none;
  text-transform: uppercase;
  font-size: 19px;
}
.services .button{
  margin: 0 18%;
  display: inline-block;
}
.one_half,
.one_third,
.two_third,
.one_fourth,
.three_fourth,
.one_fifth,
.four_fifth{ 
  float:left;
  margin-bottom:20px;
  position:relative;
}
.last_column{
  clear:right;
  margin-right:0 !important;
}
.one_half{
  width:48%;
  margin-right:4%;
}

/* --------- POST --------- */

.bradcrumbs{
  padding:30px 0;
}
.bradcrumbs a{
  background:#f1f1f1;
  color:#000;
  padding:5px 15px;
  margin-right:5px;
  line-height: 37px;
}
.bradcrumbs a:hover{
  background:#ffd34e;
}
.bradcrumbs span{
  background:#dddddd;
  color:#000;
  padding:5px 15px;
}

/*-------------------------------- Sweep To Right ----------------------*/
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #59A101;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover,
.hvr-sweep-to-right:focus,
.hvr-sweep-to-right:active {
  color: #fff;
  font-weight: bold;
}
.hvr-sweep-to-right:hover:before,
.hvr-sweep-to-right:focus:before,
.hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* --------- Blog Page ------- */
.postbox {
  margin-bottom:39px;
  border-bottom:2px dotted #7e7e7e;
  padding:0 0 26px;
}
.postbox h2{
  margin:0 0 5px;
  font-weight:bold;
}
.postbox  a.blogbutton {
  background:none;
  color:#fff;
  font-size:12px;
  font-weight:bold;
  color:#fff;
  padding:6px 25px;
  border:1px solid #000;
  color:#000;
  font-size:18px;
  text-transform:uppercase;
  margin:25px 0 0 0;
  display:table;
}
.blogbutton-small{
  background:none;
  color:#fff;
  font-size:12px;
  font-weight:bold;
  color:#fff;
  padding:6px 25px;
  border:1px solid #000;
  color:#000;
  font-size:14px;
  text-transform:uppercase;
  margin:25px 0 0 0;
  display:table;
}
.metabox{color:#000;
  padding:15px 0;
  clear:both;
}
.metabox .entry-date{
  background:url('images/date.png') no-repeat;
  padding: 0 0 0 20px;
  margin:0 13px 0 0;
}
.metabox .entry-author{
  background:url('images/author.png') no-repeat;
  padding: 0 0 0 20px;
  margin:0 20px 0 0;
}
.metabox .entry-comments{
  background:url('images/comments.png') no-repeat;
  padding: 0 0 0 20px;
}

/* Comments BOX */
#comments{
  margin-top:40px;
}
#comments h2.comments-title{
  font-size:20px;
  font-weight:bold;
  border-top:2px dotted #7e7e7e;
  padding:40px 0 0 0;
}
#comments h3.comment-reply-title{
  font-size:20px;
  font-weight:bold;
  clear:both;
}
#comments input[type="text"],
#comments input[type="email"],
#comments textarea {
  padding:12px 10px;
  font-size:18px;
  margin:20px 0 0 0;
}
#comments input[type="submit"].submit{
  background:rgba(158, 158, 158, 0.38) !important ;
  padding:10px 60px;
  text-transform:uppercase;
  font-weight:bold;
  margin-top:20px;
  margin-left: 0px;
  color: #000;
}
#comments a.comment-reply-link{
  color:#000;
  background:#cecece;
  padding:5px 15px;
}
#comments a.comment-reply-link:hover{
  background:#3890cb;
}
#comments a time{
  color:#000;
  font-weight:bold;
  font-size:12px;
}
#content-blog #comments ol li{
  width:100%;
  background:none;
  list-style:none;
  margin: 0 0 20px;
  padding: 20px;
  background:#eee;
  display:inline-block;
}
#content-blog #comments ul{
  margin:0 0 0 40px;
}
#comments .reply{
  float:right;
}
.comment-respond{
  clear:both;
}
#comments .comment-metadata{
  width:90%;
  float:left;
  padding:1% 0 0 0;
}
#comments .comment-content{
  width:90%;
  float:left;
  margin-left:7%;
}
#comments p {
  width:90%;
  float:left;
}

/*------------------------------------- Sidebar -------------------------------------------*/
#sidebar table{
  width: 100%;
}
#sidebar{
  padding-top: 3%;
}
#sidebar  td#prev a {
    color: #333;
}
#sidebar caption {
  font-weight: bold;
  color: #000;
  font-size: 25px;
  text-align: center;
  font-family: 'Alex Brush', cursive;
  letter-spacing: 2px;
}
#sidebar table,#sidebar th,#sidebar td {
  border: 1px solid #858282;
  text-align: center;
}
#sidebar td {
  padding: 10px;
  color: #000;
}
#sidebar th {
  text-align: center;
  padding: 10px;
  color: #000;
}
#sidebar select {
  padding: 8px 5px;
}
#sidebar form{
  display: table;
  width: 100%;
}
#sidebar h3 {
  margin: 0 0 10px;
  padding: 6% 10%;
  font-size: 35px;
  background: rgba(158, 158, 158, 0.38);
  color: #333;
  text-align: center;
  font-family: 'Alex Brush', cursive;
  font-weight: bold;
  letter-spacing: 5px;
}
#sidebar aside {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border: 1px solid #bbb;
  box-shadow: 10px 10px 10px 0px #bbb;
}
#sidebar input[type="search"] {
  padding:17px 10px;
  border:none;
  font-size:15px;
  color:#333;
  width:100%;
}
#sidebar label{
  width:70%;
  float:left;
  margin-bottom: 0;
}
#sidebar input[type="submit"] {
  background: rgba(158, 158, 158, 0.38);
  border: none;
  color: #333;
  padding: 10px 0;
  font-family: 'Alex Brush', cursive;
  width: 30%;
  font-size: 25px;
  float: left;
  margin: 0;
  font-weight: bold;
}
#sidebar aside{
  padding-bottom:30px;
  margin-bottom:30px;
}
#sidebar aside.widget_search{
  padding-bottom:0;
}
#sidebar ul {
  list-style:none;
  margin:0;
  padding:0;
  font-size:17px;
}
#sidebar ul li{
  background:url('images/bullets-sidebar.png') no-repeat 0 7px;
  margin:0 0 15px;
  padding:0 0 0 23px;
  font-weight:bold;
}
#sidebar ul li a{
  color:rgba(0, 0, 0, 0.78);
}
#sidebar .tagcloud a{
  background:#eeeeee;
  color:#000;
  font-size:15px !important;
  padding:5px 18px;
  margin:0 0 5px;
  display:inline-block;
}
#sidebar .tagcloud a:hover{
  background:#ffd34e;
}
#sidebar ul li {
  margin: 0 17px 15px;
  padding: 0 0 0 23px;
}

/* Page */
.title-box{
  background-repeat:no-repeat;
  background-size:100% 100%;
  color:#fff;
  text-transform:uppercase;
  padding:75px 0;
  font-weight:bold;
  text-align:center;
  margin-bottom:25px;
  font-family:Roboto;
}
.date-box{
	background:url(images/calender.png) no-repeat 1px 3px;
	padding:0 0 0 25px;
	font-style:italic;
	font-weight:bold;
	margin:0 0 15px 0;
}
.cat-box{
	background:url(images/cat-icon.png) no-repeat 1px 3px;
	padding:0 0 0 25px;
	font-style:italic;
	font-weight:bold;
	margin:15px 0 30px 0;
}
.single .title-box{
  background-size:100% 100%;
}
#content-blog {
  font-family:Helvetica;
}
#content-blog p{
  line-height: 25px;
  font-size: 16px;
  margin:20px 0;
}
#content-blog hr{
  border:none;
  border-bottom:2px dotted #7e7e7e;
  margin:35px 0;
  clear:both;
}
#content-blog h1{
  font-size:51px;
}
#content-blog h2{
  font-size:32px;
  font-weight:normal;
  margin:0;
  padding:0;
  color:#000;
  margin:0 0 25px;
  font-family:Roboto;
}
#content-blog h3{
  font-size:36px;
  font-weight:normal;
  margin:0;
  padding:0;
  color:#000;
  margin:0 0 25px;
  font-family:Roboto;
}
#content-blog h4{
  font-size:20px;
  font-weight:bold;
  margin:0;
  padding:0;
  color:#333;
  margin:0 0 25px;
  font-family:Roboto;
}
#content-blog  h6{
  font-size:18px;
}
#content-blog  h6{
  margin:0 0 15px;
  font-size:17px;
  padding:0;
  font-weight:bold;
  line-height:normal;
}
#content-blog ul{
  list-style:none;
  margin:0 0 0 10px;
  padding:10px 0 0;
  font-size:16px;
}
#content-blog ul li{
  list-style-type: circle;
  padding:0 0 0 4px;
  margin:0 0 20px 0;
  line-height:25px;
}
#content-blog ul li ul li{
  list-style-type: circle;
}
#content-blog ol{
  list-style: none;
  margin:0 0 0 0px;
  padding:10px 0 0 0;
  font-size:16px;
  counter-reset: myCounter;
}
#content-blog ol li{
  list-style-type: circle;
  padding:0 0 0 0;
  margin:0 0 20px 0;
}
#content-blog ol li ol li{
  margin:0 0 20px 0;
  padding:0 0 0 5px;
}
#content-blog  h5{
  margin:0 0 15px;
  font-size:18px;
  padding:0;
  font-weight:bold;
  line-height:normal;
}
.read-moresec{
  margin:2% 0;
}
a.button {
  border: 2px solid #000;
  background: #fff;
  color: #000;
  font-size: 16px;
  margin: 20px 0 0;
  padding: 7px 30px;
  text-transform: uppercase;
  font-weight: bold;
}


/*copyright css*/
.copyright-wrapper { 
  position:relative;
  padding:20px 0;
  background-color:#131313;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  padding:20px 0;
}
.copyright-wrapper p,
.copyright-wrapper a {
  color: #fff;
}
.footer-wp {
    background: rgba(158, 158, 158, 0.38);
}
.footer-wp h3 {
  text-align: left;
  font-size: 30px;
  margin: 0 0 24px 0;
  border-bottom: 3px solid #333;
  padding: 0 0 12px 0;
  font-family: 'La Belle Aurora';
  letter-spacing: 2px;
  font-weight: bold;
  color: #333;
}
.footer-wp input[type="search"]{
  width:100%;
  padding:8px 5%;
  float:left;
}
.footer-wp input[type="submit"] {
  padding: 10px 12px;
  float: right;
  border: none;
  background: #333;
  border-radius: 0;
  margin: 0;
  font-size: 12px;
}
.footer-wp  td#prev a {
    color: #333;
}
.footer-wp caption {
  font-weight: bold;
  color: #000;
  font-size: 25px;
  text-align: center;
  font-family: 'Alex Brush', cursive;
  letter-spacing: 2px;
}
.footer-wp table,.footer-wp th,.footer-wp td {
  border: 1px solid #858282;
  text-align: center;
}
.footer-wp td {
  padding: 10px;
  color: #000;
}
.footer-wp th {
  text-align: center;
  padding: 10px;
  color: #000;
}
.footer-wp select {
  padding: 8px 5px;
}
.footer-wp li a {
  color: #000;
  font-size: 17px;
}
.footer-wp ul li {
  list-style: none;
  padding: 5px 0;
  font-family: 'Montserrat', sans-serif;
}
.footer-wp ul {
  margin: 0;
}
.footer-wp .widget {
  margin: 5% 0;
}
.footer-wp .tagcloud a {
  color: #000;
  font-family: 'Montserrat', sans-serif;
}

/* Pagination */
.pagination {
  clear:both;
  position:relative;
  font-size:14px;  
  line-height:13px;
  float:right;  
  font-weight:bold;
  width:100%;
} 
.pagination span, .pagination a {
  display:block;
  float:left;
  margin: 2px 2px 2px 0;
  padding:10px 15px;
  text-decoration:none;
  width:auto;
  color:#fff;  
  background: #131313 ;  
  -webkit-transition: background .15s ease-in-out;
  -moz-transition: background .15s ease-in-out;
  -ms-transition: background .15s ease-in-out;
  -o-transition: background .15s ease-in-out;
  transition: background .15s ease-in-out;
} 
.pagination a:hover{
    color:#000;
    background: rgba(158, 158, 158, 0.38);
}
.pagination .current{
    padding:10px 15px;
    background: rgba(158, 158, 158, 0.38);
    color: #000;
    font-weight:normal;
}
#content-blog .pagination ul{
  margin:0;
  clear:both;
}
#content-blog .pagination ul li{
  margin:0;
}

/* ------ Contact Form ------ */
.wpcf7{ 
  margin:0;
  padding:0;
  color:#222222;
}
.wpcf7 form{ 
  margin:0;
  padding:0;
}
.wpcf7 form span.last{ 
  float:none !important;
}
.wpcf7 form input[type="text"],
.wpcf7 form input[type="email"],
.wpcf7 form input[type="tel"],
.wpcf7 form input[type="url"],
.wpcf7 form input[type="date"],
.wpcf7 form select,
.wpcf7 form textarea{ 
  width:94%;
  background-color:#f8f8f8;
  border:1px solid #e6e5e5;
  padding:10px;
  margin-top:15px;
  color:#777777;
}
.wpcf7 form textarea, .rightdiv textarea{
  height:132px;
}
.wpcf7 form input[type="checkbox"],
.wpcf7 form input[type="radio"],
.wpcf7 form input[type="file"]{ 
  margin-top:10px;
  padding:0;
}
span.wpcf7-list-item{ 
  margin:0 15px 0 0 !important;
}
.wpcf7 form input[type="submit"]{
  margin:25px 0 0 0;
  padding:5px 20px;
  border:none;
  color:#ffffff;
  border-radius:4px;
  -moz-border-radius:4px;
  -o-border-radius:4px;
  -webkit-border-radius:4px;
  cursor:pointer;
  background-color:#00A885;
}
.pagination{
  display:table;
  clear:both;
}
.pagination ul{
  list-style:none;
  margin:20px 0;
}
.pagination ul li{
  display:inline;
  float:left;
  margin-right:5px;
}
.pagination ul li span,
.pagination ul li a{
  background:#222222;
  color:#fff;
  padding:5px 10px;
  display:inline-block;
}
.pagination ul li .current,
.pagination ul li a:hover{
  background:#ff8a00;
}
h1.entry-title,
h1.page-title{
  padding-bottom:20px;
  font-size:30px;
  text-transform:uppercase;
  color: #000;
}
article.tag-sticky-2{
  background:#f6f6f6;
  padding:10px;
}
article img{
  height:auto;
}
article p{
  margin:10px 0;
}
.post-date{
  display:inline;
}
.post-comment{
  display:inline;
}
.post-categories{
  display:inline;
}
.post-tags{
  display:inline;
}
form.search-form{
  margin-bottom:0px;
}
input.search-field,
.post-password-form input[type=password]{
  border:1px #eee solid;
  padding:4px;
}
input.search-submit,
.post-password-form input[type=submit]{
  border:none;
  color:#ffffff;
  padding:4px 10px;
  cursor:pointer;
}
.nav-previous{
  float:left;
  margin-top:10px;
  margin-bottom:10px;
}
.nav-next{
  float:right;
  margin-top:10px;
  margin-bottom:10px;
}
nav.post-navigation{
  padding:10px 0 20px;
  clear: both;
  font-weight: bold;
}
.webicon{
  font-size:20px;
}
#sidebar ul{ 
  list-style:none;
  margin:0;
  padding:0;
}
#sidebar ul li{
  margin:5px 10px;
  background:url('images/bullets-sidebar.png') no-repeat 0px 8px;
  padding-left:20px;
}
.comment-list, ol.comment-list{
  list-style:none;
  margin-left:0;
  margin-top:20px;
  margin-bottom:20px;
}
.comment-list ul, ol.comment-list ul{
  list-style:none;
}
.comment-list li.comment{
  margin-top:20px;
}
.comment-list .comment-content h1,
.comment-list .comment-content h2,
.comment-list .comment-content h3,
.comment-list .comment-content h4,
.comment-list .comment-content h5,
.comment-list .comment-content h6{
  margin-top:15px;
}
.fa::before, fa::after{ 
  display:table-cell;
  vertical-align:middle;
}
.wpcf7-form p{ 
  color:#222222;
}

/*---static --*/
#our-services {
    margin-top: 3%;
}
.box-image img {
    width: 100%;
}
.imagebox {
    margin-bottom: 5%;
}
.contentbox {
    width: 100%;
    margin: 0 auto;
    position: absolute;
    top: 43%;
}
.contentbox h4 {
    margin: 0 auto;
    color: #fff;
    text-transform: uppercase;
    background: rgba(59, 58, 58, 0.74);
    display: table;
    padding: 15px;
    letter-spacing: 2px;
}
#photography {
    text-align: center;
}

/*responsive menu*/
@media screen and (max-width:991px){
  #slider .slide-cap h2{
    font-size:150%;
    color:#ffffff;
  }
}
@media screen and (max-width: 720px) and (min-width: 320px){
  .services .new-line {
    padding-bottom: 5px;
    font-size: 26px;
    width: 60%;
    font-style: oblique;
  }
  #sidebar {
    clear: both;
  }
}
@media screen and (max-width:686px){
  #content-blog #comments ul{
    margin: 0!important;
  }
}
@media screen and (min-width:720px){
  .header .nav ul li ul{
    display:none;
    z-index:2;
  }
  .header .nav ul li:hover > ul{
    display:block;
    background:#d0e0d0;
    width:200px;
    position:absolute;
    top:25px;
    left:0;
    text-align:left;
    padding:10px 0;
    z-index:99;
  }
  .header .nav ul li:hover > ul li{ 
    display:block;
  }
  .header .nav ul li:hover > ul li a{ 
    padding:5px 0px 5px 10px;
    color:#ffffff;
  }
  .header .nav ul li:hover ul li ul{
    display:none;
    }
  .header .nav ul li:hover ul li:hover > ul{
    display:block;
    position:absolute;
    left:100px;
    top:-30px;
  }
  .header .logo{
    float:left;
  }
}
@media screen and (max-width:720px) {
  .toggle{
    display:block;
  }

  .toggle a{
    width:100%;
    color:#000;
    background:url('images/responsive_menu.png') no-repeat right center rgba(158, 158, 158, 0.38);
    padding:10px 10px;
   font-size:16px;
  }

  .toggle a:hover{ 
    color:#000;
  }

  .toggle a.active{
    color:#000;
  }

  .nav{
    display:none;
  }

  .admin-bar .header .nav{
    top: 42px;
  }

  .header .nav{
    float:none;
    margin:0;
    position:absolute;
    z-index:999;
    overflow-x:hidden;
    top: 22px;
    width: 96%;
  }

  .header .nav ul{ 
    width:100%;
    float:none !important;
    margin-top:20px;
    background-color:#d0e0d0;/*SUB MENU BACKGROUND COLOUR MOBILE*/
  }

  .header .nav ul li{
    border-top:1px #303030 solid;
    display:block;
    float:none;
    text-align:left;
  }

  .nav ul li a{
    padding:5px 10px;
    display:block;
    color:#ffffff !important;
  }
  
  .nav ul li a:hover{
    color:#ff8a00;
  }

  .nav ul li ul,
  .nav ul li ul ul{ 
    display:block !important;
  }

  .nav ul li ul li a:before{
    content:"\00BB \00a0";
  }

  .nav ul li ul li a{
    padding-left:20px !important;
  }
  
  .nav ul li ul li ul li a{
    padding-left:30px !important;
  }
  
  .header .nav ul li{
    width:100%!important;
  }

  .header .logo{
    text-align:center;
  }

  .pagination{
    float:none;
  }

  .services .button {
    margin: 0 auto;
    display: block;
    width: 34%;
  }

  .home .inner-service{
    margin: 20px 0 0 0;
    min-height: auto;
  }
}
@media screen and (min-width:720px){
  .header .nav ul li ul{
    display:none;
    z-index:2;
    font-weight:normal;
    margin: 5% 0 0 0;
  }
  .header .nav ul li:hover > ul{
    display:block;
    background:#d0e0d0;/*SUB MENU BACKGROUND COLOUR*/
    width:200px;
    position:absolute;
    top:41px;
    left:0;
    text-align:left;
    padding:10px 0;
    z-index:99;
  }
  .header .nav ul li:hover > ul li{ 
    display:block;
  }
  .header .nav ul li:hover > ul li a{ 
    padding:7px 0px 7px 10px;
    color:#ffffff;
  }
  .header .nav ul li:hover ul li ul{
    display:none;
  }

  .header .nav ul li:hover ul li:hover > ul{
    display:block;
    position:absolute;
    left:100px;
    top:-30px;
  }
  
  .header .nav ul.sub-menu{
    margin-top:6px;
  }

  .header .nav ul.sub-menu li a:hover{
    background:#bbb;
    color:#fff;
  }
  .header .nav ul {
    margin:0;
  }
  .header .nav ul li a{ 
    color:#fff;
    padding:14px 15px;
    display:block;
  }
}
@media screen and (min-width: 1000px) {
  #header #header-inner .nav ul li ul li{
    display:block;
    position:relative;
    float:none;
  }
  #header #header-inner .nav ul li ul li a{
    color:#000;
    display:block;
    padding-top:10px;
    padding-bottom:10px;
    border-bottom:1px #313131 solid;
  }
}