/*
Theme Name: Shutter
Theme URI: http://wpthemes.cracktheme.com/shutter
Author: Crack Themes
Author URI: http://www.cracktheme.com
Description: Shutter is awesome responsive photography portfolio wordpress one page theme. You can create stuning portfolio site using shutter. Shutter is highly customizeable theme. You can control this functionality from shutter theme options.
Version: 0.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: shutter
Tags: photography, portfolio, custom-menu, featured-images, theme-options, translation-ready
*/

/*  ==========================================================================
    Table of Contets
    ==========================================================================
    
    1.0 Header
        1.1 Main Menu
        1.2 Hamburger
    2.0 Hero Styles
        2.1 Animated Background
        2.2 Text Slider
        2.3 Slider Controller
        2.4 Image Background Slider
    3.0 About
    4.0 Portfolio
    5.0 Testimonials
    6.0 Counter
    7.0 Pricing
    8.0 Contact Form
    9.0 Subscribe Form
    10.0 Page Styles
        10.1 Page Heading
        10.2 Blog Posts
        10.3 Pagination
        10.4 Edit Link
        10.5 Comment Form
        10.6 Comment List
        10.7 Post Navigation
        10.8 Password Protected Form
    11.0 Author Page Style
    12.0 Dropcap
    13.0 Sidebar
        13.1 Single Widget
        13.2 Tag Cloud
        13.3 Search Form
        13.4 Calendar
        13.5 Dropdown List
        13.6 Footer Logo
        13.7 Footer Social
    14.0 Scroll To Top
    15.0 Typed Cursor
	
    ==========================================================================
    @Shutter
    ========================================================================== */

/* ==========================================================================
   1.0 Header
   ========================================================================== */
.header{
    background-color: #fff;
    width: 100%;
    z-index: 99;
    height: 60px;
    position: absolute;
    left: 0;
    top: 0;
}
/* If Admin Bar Activate */
.admin-bar .header {
  top: 32px;
}
@media screen and (max-width: 782px) {
  .admin-bar .header {
    top: 46px;
  }
}
.transparent-header.header{
    background-color: transparent;
}
.sticky-header.sticky {
    animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
    border-bottom: 1px solid #ddd;
    position: fixed;
}
.navbar{
    border: medium none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    margin: 0;
    position: relative;
}
.navbar-header{
    padding: 16px 0;
    width: 100%;
}
.navbar-header.custom-logo{
    padding: 17px 0;
}
.navbar-header .brand{
	font-size: 22px;
	color: #111;
	font-family: 'Raleway', sans-serif;
	letter-spacing: -0.04em;
	font-weight: 800;
	display: block;
}
/*
.navbar-header .brand img{
    width: 100%;
    height: 45px;
}
*/
.navbar-header .brand:hover{
    text-decoration: none;
}
.transparent-header .navbar-header .brand{
	display: none;
}
.transparent-header.sticky .navbar-header .brand{
    display: block;
}
.nav-btn {
	background-color: transparent;
	font-size: 22px;
    margin: 3px 0 0 15px;
	padding: 10px;
	border-radius: 1px;
	color: #777;
}
.navbar-collapse {
    padding-left: 0;
    padding-right: 0;
}
/* 1.1 Main Menu
   ================================= */
.mainmenu{
	display: inline-block;
}
.mainmenu ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    text-align: right;
}
.mainmenu li {
    display: inline-block;
    position: relative;
}
.mainmenu li a {
    color: #777;
    position: relative;
    display: block;
    font-size: 13px;
    font-family: 'Cabin', sans-serif;
    letter-spacing: .5px;
    opacity: 0.5;
    padding: 16px 5px;
    font-weight: 400;
    text-transform: uppercase;
    opacity: 0.9;
}
.mainmenu ul li:hover > a,
.mainmenu ul li.current_page_item > a {
	color: #777;
	opacity: 1;
    text-decoration: none;
}
.transparent-header .mainmenu li a
.sticky .mainmenu li a{
	color: #fff;
}
.transparent-header.sticky .mainmenu li a{
    color: #777;
}
.transparent-header.sticky .mainmenu li a:hover,
.transparent-header.sticky .mainmenu ul li.current_page_item > a{
    color: #777;
    opacity: 1;
}
.transparent-header .mainmenu ul li:hover > a,
.transparent-header .mainmenu ul li.current_page_item > a{
	color: #fff;
	opacity: 1;
}
.mainmenu li ul {
    background: #111 none repeat scroll 0 0;
    left: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    text-align: left;
    top: 65px;
    width: 180px;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    visibility: hidden;
    z-index: -1;

}
.mainmenu li ul li {
    display: block;
}
.sticky .mainmenu li ul li a,
.mainmenu li ul li a {
    color: #fff;
    opacity: 0.7;
    letter-spacing: -0.2px;
    padding: 12px 20px;
    font-size: 12px;
    border-bottom: 1px solid #222;
}
.mainmenu li ul li:last-child a:hover,
.mainmenu li ul li:last-child a{
    border: none;
}
.sticky .mainmenu li ul li a:hover,
.mainmenu li ul li a:hover{
	background-color: #222;
	color: #fff;
}
.mainmenu li:hover ul {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
    z-index: 99;
    top: 60px;
}

.menu-wrap .mainmenu {
    opacity: 0;
    margin-right: -30px;
    visibility: hidden;
    transition: all 0.3s ease 0s;
}
.menu-wrap .mainmenu.menu-open {
    opacity: 1;
    margin-right: 0;
    visibility: visible;
}
.mean-container .mean-bar {
    background: transparent none repeat scroll 0 0;
    min-height: 0;
    padding: 0;
}
.mean-container a.meanmenu-reveal {
    color: #111;
    margin-top: 12px;
    padding: 4px 5px;
    position: absolute;
    font-weight: 400;
}
.mean-container a.meanmenu-reveal span {
    background-color: #111;
    height: 2px;
    margin-top: 6px;
}
.transparent-header .mean-container a.meanmenu-reveal{
    color: #fff;
}
.sticky .mean-container a.meanmenu-reveal{
	color: #111;
}
.transparent-header .mean-container a.meanmenu-reveal span{
    background-color: #fff;
}
.sticky .mean-container a.meanmenu-reveal span{
	background-color: #111;
}
.mean-container .mean-nav {
	background-color: #111;
    margin-top: 59px;
}
.mean-container .mean-nav ul li li a,
.mean-container .mean-nav ul li a {
	border-top: 1px solid #222;
}
.mean-container .mean-nav ul li a.mean-expand {
	height: 22px;
	background: #121212;
	border: none !important;
	border-left: 1px solid #222 !important;
	border-bottom: 1px solid #222 !important;
}
.mean-container .mean-nav ul li a.mean-expand:hover{
	background-color: #181818;
}
.mean-container .mean-nav ul li:last-child a.mean-expand{
	border-bottom: 0px solid #222 !important;
}

/* 1.2 Hamburger */
.menu-toggle {
    box-sizing: border-box;
    float: right;
    height: 19px;
    margin-left: 30px;
    margin-top: 31px;
    padding: 0;
}
.hamburger {
	padding: 18px 0;
	padding-left: 30px;
	display: inline-block;
	cursor: pointer;
	transition-property: opacity, filter;
	transition-duration: 0.15s;
	transition-timing-function: linear;
	font: inherit;
	color: inherit;
	text-transform: none;
	background-color: transparent;
	border: 0;
	margin: 0;
	overflow: visible;
}
.hamburger:hover {
    opacity: 0.7;
}

.hamburger-box {
	width: 30px;
	height: 18px;
	display: inline-block;
	position: relative;
}
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
    width: 30px;
    height: 2px;
    background-color: #111;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}
.transparent-header .hamburger-inner,
.transparent-header .hamburger-inner::before,
.transparent-header .hamburger-inner::after{
	background-color: #fff;
}
.transparent-header.sticky .hamburger-inner,
.transparent-header.sticky .hamburger-inner::before,
.transparent-header.sticky .hamburger-inner::after{
    background-color: #111;
}
.hamburger-inner {
	display: block;
	top: 50%;
	margin-top: -2px;
	width: 20px;
}
.hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block;
}
.hamburger-inner::before {
    top: -10px;
}
.hamburger-inner::after {
   bottom: -10px;
}
.hamburger--spring .hamburger-inner {
	top: 2px;
	transition: background-color 0s 0.13s linear;
}
.hamburger--spring .hamburger-inner::before {
    top: 10px;
    transition: top 0.1s 0.2s cubic-bezier(0.11133, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring .hamburger-inner::after {
    top: 20px;
    transition: top 0.2s 0.2s cubic-bezier(0.11133, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring.is-active .hamburger-inner {
	transition-delay: 0.22s;
	background-color: transparent;
}
.hamburger--spring.is-active .hamburger-inner::before {
    top: 0;
    transition: top 0.1s 0.15s cubic-bezier(0.11133, 0, 0.66667, 0.11133), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--spring.is-active .hamburger-inner::after {
    top: 0;
    transition: top 0.2s cubic-bezier(0.11133, 0, 0.66667, 0.11133), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 10px, 0) rotate(-45deg);
}

/* ==========================================================================
   2.0 Hero Styles
   ========================================================================== */
.hero-section{
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    -webkit-background-size: cover;
    background-size: cover;
}
.video-bg .display-table{
    background-color: rgba(0,0,0,0.7);
}
/* 2.1 Animated Background Image */
.bg-animate-left {
    background-repeat: repeat;
    animation: bg-animate-left 99s linear infinite;
}
.bg-animate-right {
    background-repeat: repeat;
    animation: bg-animate-right 99s linear infinite;
}
.bg-animate-top {
    background-repeat: repeat;
    animation: bg-animate-top 99s linear infinite;
}
.bg-animate-bottom {
    background-repeat: repeat;
    animation: bg-animate-bottom 99s linear infinite;
}

/* Background Animate Left */
@-webkit-keyframes bg-animate-left {
    form {
        background-position: 0px 0px;
    }
    to {
        background-position: -2000px 0px;
    }
}

@keyframes bg-animate-left {
    form {
        background-position: 0px 0px;
    }
    to {
        background-position: -2000px 0px;
    }
}

/* Background Animate Right */
@-webkit-keyframes bg-animate-right {
    form {
        background-position: 0px 0px;
    }
    to {
        background-position: 2000px 0px;
    }
}

@keyframes bg-animate-right {
    form {
        background-position: 0px 0px;
    }
    to {
        background-position: 2000px 0px;
    }
}

/* Background Animate Top */
@-webkit-keyframes bg-animate-top {
    form {
        background-position: 0px 0px;
    }
    to {
        background-position: 0px -2000px;
    }
}

@keyframes bg-animate-top {
    form {
        background-position: 0px 0px;
    }
    to {
        background-position: 0px -2000px;
    }
}

/* Background Animate Bottom */
@-webkit-keyframes bg-animate-bottom {
    form {
        background-position: 0px 0px;
    }
    to {
        background-position: 0px 2000px;
    }
}

@keyframes bg-animate-bottom {
    form {
        background-position: 0px 0px;
    }
    to {
        background-position: 0px 2000px;
    }
}

/* 2.2 Text Slider */
.text-slider{
    position: relative;
}
.text-slider h1{
    -webkit-animation-duration: 0.8s!important;
    animation-duration: 0.8s!important;
    -webkit-animation-delay: 0;
    animation-delay: 0;
}
.text-slider p{
    -webkit-animation-duration: 0.8s!important;
    animation-duration: 0.8s!important;
    -webkit-animation-delay: .7s;
    animation-delay: .7s;
}

/* 2.3 Slider Controller */
.owl-nav-1 .owl-nav{}
.owl-nav-1 .owl-nav div{
	background-color: rgba(17,17,17,0.5);
	display: block;
	text-align: center;
	width: 40px;
	height: 55px;
	line-height: 55px;
	color: #fff;
	font-size: 13px;
	position: absolute;
	left: -1px;
	top: calc(50% - 27.5px);
	transition: all 0.3s linear;
}
.owl-nav-1 .owl-nav div.owl-next{
	left: auto;
	right: 0;
}
.owl-nav-1 .owl-nav div:hover{
	background-color: rgba(17,17,17,1);
	transition: all 0.3s linear;
}

/* 2.4 Image Background Slider */
.hero-wrapper{
    position: relative;
    z-index: 1;
}
.img-slider{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    overflow: hidden;
}
.img-slider .slide{
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 100vh;
    -webkit-background-size: cover;
    background-size: cover;
}

/* ==========================================================================
   3.0 About
   ========================================================================== */
.about-section{
    padding: 140px 0;
    position: relative;
}
.profile-image{
    width: 200px;
	height: 200px;
	border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: -100px;
    left: calc(50% - 100px);
    z-index: 10;
}
.profile-image img{
    width: 100%;
}
.about-section:before{
    background-color: #ddd;
    position: absolute;
    content: '';
    height: 80%;
    width: 1px;
    left: calc(50% - 0.5px);
    top: 0;
}
.about-section:after{
    background-color: #111111;
    position: absolute;
    content: '';
    height: 15px;
    width: 15px;
    border-radius: 50%;
    left: calc(50% - 7.5px);
    bottom: 65px;
}
.profile-box b{ font-weight: 900; }

/* ==========================================================================
   4.0 Portfolio
   ========================================================================== */
.portfolio-secction{}
.portfolio-wrapper{}
.filter-menu{}
.filter-menu li{
	display: inline-block;
	padding: 5px 15px;
	cursor: pointer;
	color: #111;
	opacity: 0.7;
	font-weight: 600;
    font-family: 'Raleway', sans-serif;
	text-transform: uppercase;
	font-size: 14px;
	transition: all 0.3s ease-in-out;
    position: relative;
}
.filter-menu li.active{
    color: #111;
    opacity: 1;
}
.filter-menu li:before,
.filter-menu li:after{
    width: 40px;
    height: 100%;
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    transition: all 0.5s ease-in-out; 
    opacity: 0;
    visibility: hidden;
}
.filter-menu li:before{
    border-top: 1px solid #111;
    border-left: 1px solid #111;
}
.filter-menu li:after{
    border-bottom: 1px solid #111;
    border-right: 1px solid #111;
    left: auto;
    top: auto;
    right: 3px;
    bottom: 3px;
}
.filter-menu li.active:before,
.filter-menu li.active:after{
    opacity: 1;
    visibility: visible;
}
.filter-menu li.active:before{
    left: 0;
    top: 0;
}
.filter-menu li.active:after{
    right: 0;
    bottom: 0;
}

.portfolio-item{
    position: relative;
    overflow: hidden;
}
.portfolio-item img{
    width: 100%;
    height: auto;
}
.portfolio-item .overlay_p{
    background-color: rgba(0,0,0,0.9);
    color: #fff;
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
}
.portfolio-item .overlay_p:before,
.portfolio-item .overlay_p:after{
    width: 100px;
    height: 100px;
    content: '';
    position: absolute;
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    transition: all 0.3s ease-in-out;
}
.portfolio-item .overlay_p:before{
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    bottom: 50px;
    left: 50px;
}
.portfolio-item .overlay_p:after{
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    top: 50px;
    right: 50px;
}
.portfolio-item:hover .overlay_p,
.portfolio-item:hover .overlay_p:before,
.portfolio-item:hover .overlay_p:after{
    visibility: visible;
    opacity: 1;
}
.portfolio-item:hover .overlay_p:before{
    bottom: 5px;
    left: 5px;
    animation-delay: 0.2s;
}
.portfolio-item:hover .overlay_p:after{
    top: 5px;
    right: 5px;
    animation-delay: 0.2s;
}
.portfolio-item h3{
    font-size: 14px;
    color: #fff;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    transition: all 0.5s ease-in-out;
    margin: 0 0 3px;
}
.portfolio-item span{
    display: block;
    -moz-transform: translateY(5px);
    transform: translateY(5px);
    transition: all 0.5s ease-in-out;
}
.portfolio-item:hover h3,
.portfolio-item:hover span{
    -webkit-transform: translateY(0);
     transform: translateY(0);
}
.shutter-posts-container .single-item{
    transform: translateY(20px);
    opacity: 0;
    transition: all 0.3s ease 0s;
}
.shutter-posts-container .single-item.reveal{
    transform: translateY(0);
    opacity: 1;
}

/* ==========================================================================
   5.0 Testimonials
   ========================================================================== */
.review-head{
	display: block;
	padding-left: 75px;
	position: relative;
}
.review-head img{
	width: 60px;
	height: 60px;
	border-radius: 50%;
	position: absolute;
	left: 5px;
	top: 0;
}
.review-bottom p {
    line-height: 35px;
}
.review-bottom p span.quote-icon {
    background-image: url(assets/img/quote-icon.png);
    background-repeat: no-repeat;
    width: 44px;
    height: 31px;
    display: inline-block;
    margin-bottom: -15px;
    margin-left: 5px;
}

/* ==========================================================================
   6.0 Counter
   ========================================================================== */
.counter-box .count{
    font-family: 'Open Sans', sans-serif;
    font-size: 40px;
    letter-spacing: -4px;
    color: #111;
    font-weight: 900;
    display: block;
    margin-bottom: 15px;
}
.counter-box h4{
    font-weight: 300;
	position: relative;
}
.counter-box h4:before{
    background-color: #111;
    position: absolute;
    content: '';
    height: 1px;
    width: 70px;
    left: 0;
    bottom: -8px;
}
.counter-box h4 b{
    font-weight: 900;
}

/* ==========================================================================
   7.0 Pricing
   ========================================================================== */
.pricing-head span.price{
    position: relative;
    display: block;
    text-align: right;
    font-size: 30px;
    font-weight: 800;
    color: #111;
    padding-right: 20px;
}
.pricing-head span.price:before{
    background-color: #111;
    content: '';
    height: 1px;
    width: 70%;
    position: absolute;
    left: 0;
    bottom: calc(50% - 0.5px);
}
.pricing-list{
    margin-bottom: 10px;
}
.pricing-list li{
    color: #444;
    display: block;
    margin-bottom: 13px;
    font-weight: 700;
    padding-left: 30px;
    position: relative;
}
.pricing-list li:last-child{
    margin: 0;
}
.pricing-list li:before{
    background-color: transparent;
    color: #111;
    font-size: 24px;
    line-height: 20px;
    font-family: 'themify';
    content: "\e64c";
    position: absolute;
    left: 0;
    top: 3px;
}

/* ==========================================================================
   8.0 Contact Form
   ========================================================================== */
.form-control{
	box-shadow: none;
}
.form-control:focus,
.form-control:hover{
	box-shadow: none;
	outline: none;
	border: 1px solid #555;
}
.contact-wrapper .section-heading h2:before{
    left: 0;
}
.contact-box .form-control{
    background: none;
    border: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    box-shadow: none;
    border-bottom: 1px solid #555;
    color: #444;
    padding: 10px;
}
.contact-box .form-group{
    overflow: hidden;
}
.contact-box .wpcf7-not-valid-tip{
    font-size: 13px;
    color: #ff0000;
}
.contact-box .wpcf7-response-output{
    font-size: 13px;
    color: #ff0000;
    border: 1px solid #ff0000!important;
}
.cf-wrapper input::-webkit-input-placeholder,
.cf-wrapper textarea::-webkit-input-placeholder{
   color: #888 !important;
}
.cf-wrapper input:-moz-placeholder,
.cf-wrapper textarea:-moz-placeholder{ /* Firefox 18- */
   color: #888 !important;  
}
.cf-wrapper input::-moz-placeholder,
.cf-wrapper textarea::-moz-placeholder{  /* Firefox 19+ */
   color: #888 !important;  
}
.cf-wrapper input:-ms-input-placeholder,
.cf-wrapper textarea:-ms-input-placeholder{  
   color: #888 !important;  
}


/* 9.0 Subscribe Form
   ==========================*/
.subscribe-box{
    padding: 10px 0;
}
.subscribe-form{}
.subscribe-form .email-field{
	background-color: #fff;
	border: 1px solid #ddd;
	color: #444;
	font-size: 13px;
	line-height: 45px;
	padding: 0 15px;
	float: left;
	width: 69%;
	margin-right: 1%;
}
.subscribe-form .email-field:focus{
    outline: none;
}
.subscribe-form .b-btn{
	float: left;
	width: 29%;
    padding-right: 0;
    padding-left: 0;
}
.subscribe-form input::-webkit-input-placeholder{
   color: #ddd !important;
}
.subscribe-form input:-moz-placeholder{ /* Firefox 18- */
   color: #ddd !important;  
}
.subscribe-form input::-moz-placeholder{  /* Firefox 19+ */
   color: #ddd !important;  
}
.subscribe-form input:-ms-input-placeholder{  
   color: #ddd !important;  
}

/* ==========================================================================
   10.0 Page Styles
   ========================================================================== */
/* 10.1 Page Heading */
.page-head{}
.page-head .section-heading{
    padding: 0 15px;
}
.page-head h2,
.page-head h2 span{
    color: #fff;
}
.page-head h2:before{
    background-color: #fff;
    left: 0;
    width: 50px;
}
.author-post-head h2:before{
    left: 0;
    width: 50px;
    background-color: #111;
}

/* 10.2 Blog Posts */
.main-content-wrapper{}
.single-blog-post{
    margin-bottom: 40px;
}
.single-blog-post.sticky{
    position: relative;
}
.single-blog-post.sticky::before {
    background-color: #111;
    color: #fff;
    content: "Sticky Post";
    display: inline-block;
    font-family: "Raleway",sans-serif;
    font-size: 12px;
    font-weight: 400;
    padding: 3px 15px;
    position: absolute;
    right: 10px;
    text-transform: uppercase;
    top: 10px;
}
.single-blog-post img{}
.single-blog-post .post-info{}
.single-blog-post .post-info h3{
    text-transform: inherit;
}
.single-blog-post .post-info h3 a{
	color: #262626;
}
.single-blog-post .post-info .post-meta {
    display: block;
    overflow: hidden;
    width: 100%;
}
.single-blog-post .post-info .post-meta div{
    display: inline-block;
    color: #111;
    font-weight: 400;
    margin-right: 10px;
}
.single-blog-post .post-info .post-meta div i{
    font-size: 14px;
    margin-right: 3px;
}
.single-blog-post .post-info .post-meta div a{
    color: #111;
}
.single-blog-post .post-info .post-meta .edit-link{
    display: block;
    margin: 10px 0 0;
}
.entry-content h2{
	font-size: 18px;
	margin: 15px 0 20px;
}
.page-links {
  display: block;
  margin: 25px 0 0;
  overflow: hidden;
  width: 100%;
}
.page-links a{
   color: #111;
}
.entry-footer span{
   margin: 0;
}

/* Table Style */
table {
	border-collapse: collapse;
	margin: 0 0 1.5em;
	width: 100%;
}
tr {
	border-bottom: 1px solid #ddd;
}
th{
	text-align: left;
}
th:first-child, td:first-child {
	padding-left: 0;
}
thead th {
	border-bottom: 2px solid #bbb;
	color: #111;
	font-family: "Raleway",sans-serif;
	font-weight: 700;
	padding-bottom: 0.5em;
}
th, td{
	padding: 20px 0;
}
.comment-content table td a,
th a{
	color: #111;
	font-family: "Raleway",sans-serif;
	font-weight: 700;
}
td {
	padding: 0.4em;
}
dt {
	color: #111;
	font-family: "Raleway",sans-serif;
	font-size: 16px;
	font-weight: 600;
}
dd {
	margin: 0 1.5em 1.5em;
}
blockquote {
	border-left: 5px solid #eee;
	font-size: 13px;
	margin: 15px 0 20px;
	padding: 10px 20px;
}
p{ margin: 0 0 15px; }
p strong{
	font-weight: 700;
	font-size: 16px;
	color: #444;
}
.comment-content ul,
.single-blog-post ul{
	list-style: inside;
}
.comment-content ol li,
.comment-content ul li,
.single-blog-post ol li,
.single-blog-post ul li{
	color: #111;
}
.comment-content ol li ol,
.comment-content ul li ul,
.single-blog-post ol li ol,
.single-blog-post ul li ul{
	padding-left: 20px;
}
.comment-content ol,
.single-blog-post ol{
	list-style: inside;
	list-style-type: decimal;
}
code {
  background-color: transparent;
  display: inline-block;
  color: #111;
}
pre {
  background: #eee none repeat scroll 0 0;
  font-family: "Courier 10 Pitch",Courier,monospace;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}
pre h2{
	font-size: 18px;
}

/* Content Image Alignment */
.alignleft{
    float: left;
    display: inline-block;
    padding: 5px;
    border: 1px solid #ddd;
    margin: 10px 0;
    margin-right: 10px;
}
.alignright{
    float: right;
    display: inline-block;
    padding: 5px;
    border: 1px solid #ddd;
    margin: 10px 0;
    margin-left: 10px;
}
.aligncenter{
    display: block;
    margin: 15px auto;
    padding: 5px;
    border: 1px solid #ddd;
}
.alignnone{
	padding: 5px;
    border: 1px solid #ddd;
	max-width: 100%!important;
	height: auto;
	margin: 15px 0;
}
.gallery-item img{
    max-width: 100%;
}
.gallery-caption,
.wp-caption{
    text-align: center;
}
.gallery-caption img,
.wp-caption img{
    max-width: 100%;
}
.wp-caption-text {
    font-size: 12px;
    font-style: italic;
}
.bypostauthor{
	color: #fff;
}

/* 10.3 Pagination */
.pagination{
    margin: 0;
}
.pagination .screen-reader-text{
    display: none;
}
.pagination .nav-links{
    display: block;
    text-align: center;
}
.pagination .nav-links span,
.pagination .nav-links a{
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 38px;
    border: 1px solid #ddd;
    background-color: #fff;
    color: #111;
    margin-right: 10px;
}
.pagination .nav-links a:hover{
    text-decoration: none;
}
.pagination .nav-links span{
    border: 1px solid #111;
    background-color: #111;
    color: #fff;
}

/* 10.4 Edit Link */
.edit-link{
    display: inline-block;
    margin-left: 10px;
}
.edit-link a{
    color: #111;
}
.edit-link a:hover{
    color: #111;
    text-decoration: underline;
    opacity: 1;
}

/* 10.5 Comment Form */
.comment-respond{}
.comment-respond h3{
    color: #111;
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 15px;
}
.comment-form{}
.comment-form p{
    margin-bottom: 20px;
    color: #777;
}
.comment-form p a{
    color: #111;
}
.comment-form p a:hover{
    color: #111;
    opacity: 1;
    text-decoration: underline;
}
.comment-form .form-group{
    margin: 0 -15px;
    margin-bottom: 15px;
}
.comment-form .form-group label{
    color: #111;
    margin-bottom: 10px;
}
.comment-form .form-group label .required{
    color: red;
}
.comment-form .form-group .form-control{
    border-radius: 0;
    border: 1px solid #ddd;
    color: #444;
    height: 45px;
}
.comment-form .form-group textarea.form-control{
    height: auto;
}
/* 10.6 Comment List */
.comment-list{}
.comment-list > li {
	display: block;
	padding-bottom: 25px;
	margin-bottom: 25px;
	border-bottom: 1px solid #ddd;
}
.comment-list li article.comment-body{}
.comment-list li ol.children {
	padding-left: 50px;
}
.comment-list li ol.children article{
    margin: 20px 0;
}
.comment-list li ol.children article:last-child{
    margin-bottom: 0;
}
.comment-author {
    margin-bottom: 0px;
    color: #111;
}
.comment-author img {
	width: 40px;
	height: 40px;
	padding: 3px;
	border: 1px solid #ddd;
	border-radius: 50%;
	margin-right: 10px;
}
.comment-metadata{
    color: #111;
    padding-left: 50px;
}
article .reply a,
.comment-author a,
.comment-metadata a{
    color: #111;
}
article .reply a:hover,
.comment-author a:hover,
.comment-metadata a:hover{
    color: #111;
    text-decoration: underline;
}
.comment-awaiting-moderation,
article .reply,
.comment-content{
    padding-left: 50px;
}
.comment-content p{
    font-size: 13px;
    color: #444;
}

/* 10.7 Post Navigation */
.shutter-post-navigation{
    display: block;
}
.shutter-post-navigation span{
    width: 50%;
    float: left;
}
.shutter-post-navigation span a{
    color: #111;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
}
.shutter-post-navigation span a:hover{
    color: #111;
    opacity: 1;
    text-decoration: underline;
}
.shutter-post-navigation span a i{
    padding-right: 10px;
}
.shutter-post-navigation span.nav-next a i{
    padding-left: 10px;
}

/* 10.8 Password Protected Form */
.protected-post-form{
    display: block;
    padding: 15px;
    border: 1px solid #ddd;
}
.protected-post-form .form-fields{
    position: relative;
    display: inline-block;
}
.protected-post-form input[type="password"] {
	display: inline-block;
	padding: 9px 10px;
	border: 1px solid #ddd;
    padding-right: 110px;
    color: #111;
}
.protected-post-form input[type=submit]{
    width: 100px;
    padding: 0;
    display: block;
    text-align: center;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}
.protected-post-form input::-webkit-input-placeholder{
   color: #666 !important;
}
.protected-post-form input:-moz-placeholder{ /* Firefox 18- */
   color: #666 !important;  
}
.protected-post-form input::-moz-placeholder{  /* Firefox 19+ */
   color: #666 !important;  
}
.protected-post-form input:-ms-input-placeholder{  
   color: #666 !important;  
}

/* 11.0 Author Page Style */
.author-header{
    overflow: hidden;
}
.author-header img{
    float: left;
    width: 120px;
    height: 120px;
    padding: 5px;
    border: 1px solid #ddd;
    border-radius: 50%;
    margin-right: 20px;
}
.author-info{
    
}
.author-info li{
    margin-bottom: 5px;
    font-size: 13px;
}
.author-info li span{
    font-size: 14px;
    color: #111;
}
.author-info li .list-head {
	font-weight: 800;
	color: #111;
	font-family: 'Raleway', sans-serif;
	margin-right: 10px;
	border-bottom: 1px solid #444;
    font-size: 14px;
}
.author-info li a{
    color: #111;
    font-size: 14px;
}
.author-info li a:hover{
    text-decoration: underline;
}

/* 12.0 Dropcap */
.dropcap {
    display: block;
    float: left;
    margin: 0 6px 0 0;
    color: #111;
    font-weight: 700;
    font-size: 45px;
    line-height: 45px;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
}
/* ==========================================================================
   13.0 Sidebar
   ========================================================================== */
.sidebar-wrap{}
/* 13.1 Single Widget */
.single-widget{
    margin-bottom: 30px;
}
.single-widget h4 a{
	color: #111;
}
.single-widget h4 a:first-child{
	float: right;
}
.single-widget ul{}
.single-widget ul li{
    display: block;
}
.widget-box ul li a,
.single-widget ul li a{
    font-family: 'Raleway', sans-serif;
    display: inline-block;
    color: #111;
    padding: 4px 0;
    font-weight: 400;
}
.widget-box ul li a:hover,
.single-widget ul li a:hover{
    color: #111;
    padding-left: 2px;
}
.widget-box ul li a{
    color: #ddd;
}
.widget-box ul li a:hover{
    color: #fff;
    opacity: 1;
}
.widget-box h3 a{
	color: #fff;
}
.widget-box h3 a:first-child{
	float: right;
}
.widget-box h5{ font-size: 18px; }
/* 13.2 Tag Cloud */
.tagcloud{}
.tagcloud a{
    display: inline-block;
    padding: 5px 10px;
    color: #444;
    border: 1px solid #ddd;
    margin: 3px;
    font-size: 13px!important;
    text-transform: capitalize;
}
.tagcloud a:hover{
    background-color: #111;
    border: 1px solid #111;
    color: #fff;
    text-decoration: none;
}

/* 13.3 Search Form */
.searchform{
    position: relative;
    width: 100%;
}
.searchform .screen-reader-text{
    display: none;
}
.searchform input[type="text"]{
    display: block;
    color: #444;
    width: 100%;
    padding: 7px 10px;
    border: 1px solid #ddd;
    padding-right: 50px;
}
.searchform input[type="text"]:focus{
    outline: none;
}
.searchform input[type="submit"]{
    border: none;
    text-indent: -999px;
    display: block;
    width: 40px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    font-family: 'themify';
    content: '\e610';
    background-color: transparent;
    background-image: url(assets/img/search-icon.png);
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0.7;
    transition: all 0.3s ease 0s;
}
.searchform input[type="submit"]:hover{
    opacity: 1;
    transition: all 0.3s ease 0s;
}
.searchform input[type="submit"]:focus{
    outline: none;
}
.searchform input::-webkit-input-placeholder{
   color: #888 !important;
}
.searchform input:-moz-placeholder{ /* Firefox 18- */
   color: #888 !important;  
}
.searchform input::-moz-placeholder{  /* Firefox 19+ */
   color: #888 !important;  
}
.searchform input:-ms-input-placeholder{  
   color: #888 !important;  
}

/* 13.4 Calendar */
#wp-calendar {
	width: 100%;
	max-width: 37.5rem;
	background: #ccc;
	margin-left: auto;
	margin-right: auto;
}

#wp-calendar caption {
	background: #111;
	color: #fff;
	padding: 0.25rem;
	text-align: center;
}

#wp-calendar thead tr {
	border-right: 1px solid #ddd;
}

#wp-calendar thead th {
	font-size: 90%;
	font-weight: 600;
    font-family: 'Raleway', sans-serif;
    border-right: 1px solid #666;
	padding: 0.25rem;
	background: #444;
    color: #fff;
	text-transform: uppercase;
	text-align: center;
}

#wp-calendar tbody td {
	position: relative;
	padding: 0.125rem;
	text-align: center;
	border: 1px solid #ddd;
	background: #fff;
}

#wp-calendar tbody td.pad {
	opacity: 0.7;
}

#wp-calendar tbody td#today {
	font-weight: bold;
}

#wp-calendar tbody td#today:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	border-top: 10px solid #111;
	border-left: 10px solid transparent;
}

#wp-calendar tbody td a {
	display: block;
	background: rgba(17, 17, 17, 0.6);
    color: #fff;
}

#wp-calendar tbody td a:hover {
	background: #111;
	color: #fff;
    text-decoration: none;
}

#wp-calendar tfoot tr {
	background: rgba(255, 255, 255, 0.7);
	border: 1px solid #ddd;
}

#wp-calendar tfoot tr td {
	border: 0;
	padding: 0;
}

#wp-calendar tfoot tr a {
	display: block;
	padding: 0.25rem 0.75rem;
}

#wp-calendar tfoot tr a:hover {
	background: #fff;
}

#wp-calendar tfoot tr #prev {
	text-align: left;
}

#wp-calendar tfoot tr #next {
	text-align: right;
}

/* 13.5 Dropdown List */
.widget-box .screen-reader-text,
.single-widget .screen-reader-text{
    display: none;
}
.widget-box select, .single-widget select {
	display: block;
	width: 100%;
	padding: 8px 10px;
	border: 1px solid #ddd;
}

/* 13.6 Footer Logo */
.widget-box .brand {
    font-size: 40px;
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-weight: 800;
    display: block;
    text-transform: uppercase;
    letter-spacing: -2px;
}
.widget-box .brand:hover{
    text-decoration: none;
}
.widget-box .brand img{ margin: 0 auto; }
.widget-box img,
.single-widget img{
	display: block;
	max-width: 100%;
	height: auto;
}
.widget-box .wp-caption,
.single-widget .wp-caption{
	border: none;
	padding: 0;
}
.widget-box{ color: #ddd; margin-bottom: 25px;}
.widget-box strong{ color: #fff;}
.widget-box .tagcloud a {
  border: 1px solid #ddd;
  color: #ddd;
}
.widget-box .tagcloud a:hover{
	color: #888;
	border: 1px solid #888;
}
/* Widget Menu */
.single-widget .menu{}
.single-widget .menu li{}
.widget-box .menu li ul,
.single-widget .menu li ul{
	padding-left: 15px;
}

/* RSS Widget */
.widget_rss ul li{
	margin-bottom: 15px;
}
.widget_rss ul li:last-child{
	margin: 0;
}
.widget_rss li .rsswidget {
  font-size: 1.375rem;
  font-weight: 300;
  line-height: 1.4;
}
.widget_rss .rss-date {
  margin: 0.5em 0 1.5em;
  padding: 0;
}
.widget_rss .rssSummary {
  margin-bottom: 0.5em;
  color: #333;
}
.widget_rss .widget-box .rssSummary{
    color: #777;
}
.widget_rss .rss-date, .widget_rss li cite {
  color: #767676;
  display: block;
  font-size: 0.625rem;
  font-style: normal;
  font-weight: 800;
  letter-spacing: 0.18em;
  line-height: 1.5;
  text-transform: uppercase;
}

/* Footer Widget */
.widget-box select{
	color: #444;
}
.widget-box #wp-calendar tbody td{
	color: #444;
}
/* 13.7 Footer Social */
.footer-social{}
.footer-social li{
    display: inline-block;
    margin-left: 15px;
}
.footer-social li a{
    display: inline-block;
    color: #fff;
    font-size: 13px;
    opacity: 0.6;
}
.footer-social li a:hover{
    text-decoration: none;
    opacity: 1;
}

/* ==========================================================================
   14.0 Scroll To Top
   ========================================================================== */
.scroll-to-top{
	display: block;
	text-align: center;
	background-color: #111;
	font-size: 14px;
	width: 60px;
	height: 60px;
	line-height: 60px;
	color: #fff;
	border-radius: 10%;
	position: fixed;
    bottom: 50px;
    right: 50px;
    z-index: 999;
}
.scroll-to-top:hover{
    color: #fff;
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
	text-decoration: none;
}

/* 15.0 Typed Cursor Style */
.typed-cursor{
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
    font-size: 24px;
}
@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}