/*
Theme Name: Ascent
Theme URI: http://testbase.info/c/theme/wp/ascent/
Author: Pitabas Behera
Author URI: http://nettantra.com/
Description: Ascent Theme is a fully responsive WordPress theme that looks elegant on any devices. It is simple, clean and lightweight WordPress theme based on the most modern technologies like HTML5 and CSS3.
Version: 2.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: white, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-menu, featured-images, post-formats, theme-options, translation-ready
Text Domain: ascent

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*  CUSTOM COLORS   */
::selection {background: #F09A12;}
::-moz-selection {background: #F09A12;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color: #F09A12;}
.read-more {background-color: #F09A12;}
.read-more.black:hover {background-color: #F09A12;}
.wp-caption {border: 1px solid #F09A12;}
.gallery .gallery-item img {border: 2px solid #F09A12!important;}
.site-branding h1.site-title a {color: #F09A12;}
.header-top {border-top: 4px solid #F09A12;}
.header-top a:hover {color: #F09A12;}
nav.main-menu ul > li ul {border-top: 2px solid #F09A12;}
nav.main-menu ul > li ul li:hover a {background-color: #F09A12; color: #fff;}
nav.main-menu ul .current_page_item > a {background: #F09A12;}
nav.main-menu ul > li:hover > a, nav.main-menu ul > .current-menu-item > a {background-color: #F09A12;}
.mean-container a.meanmenu-reveal {background: #F09A12;}
.pager li > a:hover, .pager li > a:focus {background-color: #1ABC9C; border-color: #F09A12;}
#home-slider .slide-content .btn {background-color: #F09A12;}
table thead {background-color: #F09A12;}
#colophon {border-top: 15px solid #F09A12;}
#colophon .widget_calendar table a:hover {color: #F09A12;}
a#scroll-top {background-color: #F09A12;}
.entry-content blockquote {border-left: 5px solid #F09A12;}
.post-meta-info .entry-meta {border-top: 2px solid #F09A12; background-color: #FFF7EB;}
.post-meta-info .entry-meta .comments_count {background-color: #F09A12;}
.comment a.btn {background: #F09A12; border-color: #F09A12;}
.error-404 {background: #F09A12;}
body input[type="text"]:focus, body input[type="email"]:focus, body input[type="url"]:focus, body input[type="tel"]:focus, body input[type="number"]:focus, body input[type="date"]:focus, body input[type="range"]:focus, body input[type="password"]:focus, body input[type="text"]:focus, body textarea:focus, body .form-control:focus {border: 2px solid #F09A12;}
select:focus {border: 2px solid #F09A12;}
body input[type="submit"]:hover, body input[type="submit"]:focus {background-color: #F09A12;}

.nav > li > a:hover, .nav > li > a:focus {background-color: #FFF7EB;}
.entry-content blockquote {background: #FFF7EB;}
.comment-form .alert-info {background-color: #FFF7EB;}
.error-404 a {color: #FFF7EB;}

/*  END CUSTOM COLORS  */

body {
    font-family: Merriweather, serif;
    font-size: 15px;
    line-height: 1.8em;
}

#header-main {
    box-shadow: 0 -3px 8px #ccc inset;
}

.entry-content blockquote p {
    font-family: Merriweather, serif;
    font-size: 22px;
    line-height: 1.8em;
}
.su-tabs-pane blockquote p {font-size:13px;}
.su-tabs-pane {max-height: 1000px; overflow: auto;}

h1, h2, h3, h4, h5, h6, p, .entry-content blockquote {
    font-family: Merriweather, serif;
}

.home-page-slider-2 {
    position: absolute;
    left: 10%;
    margin-top: 5%;
    font-family: Merriweather, serif;
    text-shadow: 0 0 10px #000;
}
.home-page-slider-2 h2, .home-page-slider-2 p {
    font-family: Merriweather, serif;
    font-style: italic;
}
#home-slider .slide-content h2, #banner .home-page-slider-2 h2 {
    display: inline-block;
    padding: 20px;
    line-height: 1.4em;
    font-size: 32px;
    font-weight: 300;
    /* background-color: rgba(217,107,5,0.85); */
    margin-bottom: 20px;
}
#home-slider .slide-content p, #banner p {
    font-size: 1.5em;
    padding-right: 20px;
}
#banner {position: relative;}
#banner .home-page-slider-2 {width: 460px; bottom: 20%;}

#content .sidebar-padder .widget {border-top: 1px solid #ccc;}
#content .sidebar-padder .widget:first-child {border-top: none;}
#content .sidebar-padder .widget_sow-slider {border-top: none;}
#colophon .nav li a {padding: 5px 10px;}
#colophon .nav li a:hover {background-color: rgba(176,115,13,0.9);}
nav.main-menu ul > li:hover > a, nav.main-menu ul > .current-menu-item > a, nav.main-menu ul .current_page_item > a, nav.main-menu ul > li:hover > a, nav.main-menu ul > .current-menu-item > a {background-color: #fff; color: #f85706; border-bottom: 3px solid #f85706;}

.rd-col-lg-4 {height: auto;}
.rakib-dev-first .mask {background-color: rgba(0,0,0,0.7);}
.rakib-dev a {background-color:#f85706;}
.rakib-dev a:hover {background-color: #FC9D07;text-decoration:underline;}

.su-custom-gallery-slide {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  width:31%
}
.su-custom-gallery-slide:hover {
  z-index: 1000;
  -ms-transform: scale(1.5,1.5);
  -webkit-transform: scale(1.5,1.5);
  transform: scale(1.5,1.5);
}
.so-widget-sow-image {margin-top:2em;}

.goodreads-icon {
  width: 14px;
  height: 14px;
  background: url(http://michaelforester.co.uk/wp-content/uploads/2016/08/goodreads-icon_23x23.png) no-repeat;
  background-size: contain;
}

#wysija-2 h3 {font-size: 18px; margin-bottom: 20px;}
#wysija-2 .wysija-input {margin: 0;}

@media (max-width: 1100px) {
#home-slider .slide-content h1, #home-slider .slide-content h2 {font-size: 24px;margin-bottom:5px;}
#home-slider .slide-content p {font-size: 1.2em;}
}

@media (max-width: 800px) {
.home-page-slider-2 {margin-top: 0;}
}

@media (max-width: 650px) {
.home-page-slider-2 {margin-top: -2%;}
#home-slider .slide-content h1, #home-slider .slide-content h2 {font-size: 20px;padding: 10px;}
#home-slider .slide-content p {font-size: 1em;}
.su-custom-gallery-slide {width:46%}
}

@media (max-width: 440px) {
.home-page-slider-2 {display: none;}
.su-custom-gallery-slide {width:329px;}
}

@media (min-width: 0px) and (max-width: 767px) {
.mean-container .mean-bar {background-color: #F09A12;}
.mean-container .mean-bar .meanmenu-reveal {background: #F09A12;}
.mean-container .mean-bar .mean-nav ul li a.meanmenu-reveal {background-color: #F09A12;}
}