/*
Theme Name: Hallie
Theme URI: http://themeforest.net/user/dabaman/portfolio/
Description: <strong>Hallie</strong> is a responsive WordPress made for writers and bloggers.
Version: 1.2
Author: dabaman
Author URI: http://themeforest.net/user/dabaman/
Tags: post-formats, threaded-comments, translation-ready
Text Domain: hallie
License:
License URI:
*/


/*      TABLE OF CONTENTS:
=================================================================================

1.0 Reset
2.0 Typography
3.0 Colors
4.0 Elements
	4.1 Body & Html
	4.2 Paragraphs
	4.3 Headings
	4.4 Links
	4.5 Images
	4.6 Forms
	4.7 Blockquotes
	4.8 Pre
	4.9 Lists
	4.10 Tables
5.0 Galleries
6.0 Header
	6.1 Logo
	6.2 Search
	6.3 Menu btn
7.0 Full Screen Menu Overlay
8.0 Pages
	8.1 Default Template
	8.2 Full Screen Header Template
	8.3 Author Template
	8.4 Gallery Template
	8.5 Contact Template
	8.6 Tabs Template
9.0 Blog
	9.1 Featured Images
	9.2 Featured Slider
	9.3 Single Post
	9.4 Author Archive
10. Footer
11. Preloader
12. Custom Styles
13. Media Queries	

=================================================================================*/



/*		1.0 Reset 
=================================================================================*/

html, body, div, span,
h1, h2, h3, h4, h5, h6, p,
a, img, ol, ul, li, textarea,
fieldset, form, input, button, figure {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
    font-size:100%;
    vertical-align:baseline;
    text-decoration:none; }

ol, ul { list-style: none; }

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



/*		2.0 Typography
=================================================================================*/



.italic_text .entry_details,
.italic_text .entry_content blockquote,
.italic_text .description,
.italic_text .comment-meta,
.italic_text .wp-caption-text,
.italic_text .gallery-caption,
.italic_text .post_tags  a,
.italic_text .tabs li a,
.italic_text #infscr-loading div,
.italic_text #imagelightbox-caption {
    font-style: italic !important; }



/*		3.0 Colors
=================================================================================*/

.index.has-post-thumbnail *,
.featured_slider .has-post-thumbnail *,
body.single:not(.single-format-quote):not(.single-format-aside).cover_header .has-post-thumbnail .hero_section .header_content *,
body.single:not(.single-format-quote):not(.single-format-aside).cover_header .post-password-required .hero_section .header_content *,
.page-template-page-image_full_screen .has-post-thumbnail .hero_section *,
body.single:not(.single-format-quote):not(.single-format-aside).cover_header #logo h1,
.has_feat_img.page-template-page-image_full_screen #logo h1,
.blog.has_sticky:not(.paged).has_feat_slider #logo h1,
#menu_overlay.has_bg * { 
    color: white; }




/* 		4.0 Elements
=================================================================================*/



/*		4.1 Body & Html
--------------------------------------*/


html { -webkit-text-size-adjust: none; }

body { 
    line-height: 1.75; 
    font-size: 16px;  }

body.overflow_hidden { overflow: hidden; }

tr { clear: both; }


/*		4.2 Paragraphs
--------------------------------------*/


p, code { margin-bottom:1em; }


/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}


/*		4.3 Headings
--------------------------------------*/

h1 { 
    font-size:2.7em;
    margin-bottom:.8em;
    text-align: center; }
h2 { font-size:2em; }
h3 { font-size:1.75em; }
h4 { font-size:1.5em; }
h5 { font-size:1.3em; }
h6 { font-size:1.15em; }	

body>section>h1 { font-size: 2.5em; }

.page_title { margin-bottom: .4em; }

section.content > h1 { 
    margin: 0 0 1.5em 0 }
h2, h3, h4, h5, h6 { margin-bottom:1rem; }

.entry_content h2, 
.entry_content h3, 
.entry_content h4, 
.entry_content h5, 
.entry_content h6 { margin-top:2rem; }




/*		4.4 Links
--------------------------------------*/

.entry_content p:not(.attachment) > a,
.must-log-in a {
    border-bottom: 1px solid; }
.align_text a { text-indent: 0; }




/*		4.5 Video
--------------------------------------*/	

video { 
    width: 100%;
    height: auto; }	


/*		4.6 Images
--------------------------------------*/

img {
    max-width: 100%;  
    height: auto;  
    width: auto\9; } 

img.aligncenter { 
    display:block;
    margin-left:auto;
    margin-right:auto; } 


.aligncenter { 
    float:none; 
    text-align:center;
    margin-left:auto;
    margin-right:auto; }
.alignleft { 
    float:left; 
    margin-right: 1.5em; }
.alignright { 
    float:right; 
    text-align:right; 
    margin-left:1.5em; }		

img.size-small,
img.size-medium,
img.size-large,
img.size-full,
.wp-caption.aligncenter,
.wp-caption.alignnone {
    margin-top:3em;
    margin-bottom:3em; }


.alignleft img,
.alignright img {
    margin-top:.5em; 
    margin-bottom:.5em; }

.aligncenter img,
.alignnone img { 
    margin-top:0; 
    margin-bottom:0; }



.wp-caption img { 
    display: block; }




/*		4.6 Forms
--------------------------------------*/

input[type=text], input[type=search], input[type=email], input[type=password], input[type=url], textarea {
    color:inherit; 
    padding:1em 1.2em;
    max-width:100%;
    border: 2px solid;
    background: transparent;
    transition: border-color .2s; }

input[type=text], 
input[type=search], 
input[type=email], 
input[type=password], 
input[type=url], 
textarea {
    width: 100%;
    max-width: 100%; }


textarea { 
    height: 15em;
    line-height:inherit; }

a.button, button, input[type=submit], 
.infinite_loading a, .prev_next_loop a { 
    padding:1.2em 2.2em;
    cursor:pointer;
    text-transform: uppercase;
    text-align:center;
    text-decoration:none !important;
    background: transparent; }

a.button { 
    display:inline-block;
    margin: 0; }

a.button:hover, button:hover, input[type=submit]:hover, 
.infinite_loading a:hover, 
.prev_next_loop a:hover, .prev_next_loop a:focus,
.page-numbers a:hover, .page-numbers a:focus,
.button.active, 
.page_links a:hover span, .page_links a:focus span {
    background: #222;
    color: white !important; }



 a.button, button, input[type=submit], 
.infinite_loading a, .prev_next_loop a,
a.button:hover, button:hover, input[type=submit]:hover, 
.infinite_loading a:hover, 
.prev_next_loop a:hover, .prev_next_loop a:focus,
.page-numbers a:hover, .page-numbers a:focus,
.prev_next_loop a, .page-numbers li a,
.button.active, 
.page_links span, .page_links a:hover span, .page_links a:focus span {   
    border: 2px solid #222;
    border-bottom: 3px solid #222; }

input[type=submit] {  margin-top:1em; }

.widget a.button, .widget button, .widget input[type=submit] { font-size: 1rem; } 

button, input[type=submit] {  display:block; }




/*		4.7 Blockquotes
--------------------------------------*/


.index blockquote {  
    padding: 0;
    margin: 0;
    border: none; }

.index blockquote p { 
    font-size: 1.3em;
    font-size: 1.3vw;
    line-height: 1.5;
    margin-bottom: .25em; }

blockquote {
    padding: 1em 0 1em 4em;
    margin: 2em 0;
    font-size: 1.15em;
    border-left: none;
    position: relative;}

.entry_content blockquote:before { 
    content: '\201D';
    font-size: 6em;
    line-height: 1.2;
    position: absolute;
    left: 0;
    top: 0;
    color: #eee;
    font-family: Georgia, serif; }

.single-format-quote .entry_content blockquote:before,
.index .entry_content blockquote:before { content: none; }

cite:before { content: '- '; } 




/*		4.8 Pre
--------------------------------------*/

pre {
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
    padding:2em;
    margin:2em 0;
    border: none;
    border-radius: 0;
    font-size: 1em;
}	

.wp-caption, blockquote, pre, table {  
    -webkit-column-break-inside: avoid; 
    page-break-inside: avoid;
    break-inside: avoid; 
}


/*		4.9 Lists 
--------------------------------------*/	

.entry_content ul, .comment_text ul,
.entry_content ol, .comment_text ol,
.entry_content dl, .comment_text dl { 
    margin-top: 1.5em;
    margin-bottom:2.5em; }

.entry_content ul { list-style:inside; }

.entry_content ul ul {
    margin-top:1em;
    margin-left:1em; } 	

.entry_content ul li,	
.entry_content ol li,
.archive_lists ul li { margin:.5em 0; }

.aligncenter > li { display:inline; }


/* ------- nested ordered lists ------- */

.entry_content ol ol {
    margin-left:1em;
    margin-top:1em; }

.entry_content ol { counter-reset:section; }
.entry_content ol li ol { counter-reset:subsection1; }
.entry_content ol li ol li ol { counter-reset:subsection2; }

.entry_content ol li:before { margin-right:1em; }

/* i.e. 1. */
.entry_content ol li:before {
    counter-increment:section;
    content: counter(section) ". "; }

/* i.e. 1.1 */
.entry_content ol li ol li:before {
    counter-increment:subsection1;
    content:counter(section) "." counter(subsection1) " "; }

/* i.e. 1.1.1 */
.entry_content ol li ol li ol li:before {
    counter-increment:subsection2;
    content:counter(section) "." counter(subsection1) "." counter(subsection2) " "; }



/*		4.10 Tables
--------------------------------------*/

table { 
    width: 100%;
    max-width:100%;
    margin:4em 0;
    border-collapse:collapse;
    text-align: center;
    border-top: 1px solid;
    border-bottom: 1px solid; }

.widget table { margin-bottom:0; }	

caption {
    font-size:1.6em;
    margin-bottom:.8em;
    padding: 0; }

th, td { 
    padding: 1em; 
    text-align: center; }

th { 
    border-bottom: 1px solid; }

.entry_content table tr:not(:last-child) { border-bottom: 1px solid #eee; }


body>footer td { padding:.4em 0; }



/* 		5.0 Galleries
=================================================================================*/


.gallery { 
    width:100%;
    padding:1em;
    margin: 3em auto 1.5em auto !important; }

.gallery-item { 
    margin-bottom:1.5em !important; 
    margin-top: 0 !important;
    padding: 0 1%;
    overflow: hidden; }

.gallery-item img { 
    border:none !important;
    margin: 0;
    display: inline-block; }


.wp-caption-text, .gallery-caption {
    text-align:center;
    font-size:.9em;
    max-width:100%;
    margin-top: 1em;
    margin-bottom: 1em;
 }

.wp-caption {  max-width:100%; }	

.gallery-caption { 
    margin-top: .5em;
    margin-bottom: .5em; }





/*		6.0 Header
=================================================================================*/


body>header, 
body>section,
body>footer {
    position:relative; 
}	

body > header {
    width: 100%;
    top: 0;
    left: 0;
    z-index: 5;
    display: block;
    padding: 2.5em 0;
    text-align: center;
}


body.single > header,
.blog.has_sticky:not(.paged) > header,
.page-template-page-image_full_screen > header {  position: absolute; }

.single-format-quote > header,
.single-format-aside > header,
body.single:not(.cover_header) > header { position: relative !important; }


/*		6.1 logo
--------------------------------------*/

#logo { 
    text-align:center;
    display: inline-block;
    margin: 0 auto; }

#logo h1 { 
    margin-bottom:0;
    font-size:2.4em;
    line-height:1;
    text-transform: none;
    font-weight: normal; }


#logo img { 
    max-width:300px;
    max-height: 250px;
    display:inline; }



/*		6.2 search
--------------------------------------*/

.open_search, .close_search {
    position: absolute;
    top: 1.5em;
    right: 1.5em;
    width: 2em;
    height: 2em;
    display: block;
    text-align: center;
    overflow: hidden;
    line-height: 2em;
    font-size: 1.4em;
    cursor: pointer; }

.open_search {
    z-index: 999;
    background: url(assets/images/icons.svg);
    background-position: -251px 0;
    width: 44px;
    height: 44px;
}


body.single:not(.single-format-quote):not(.single-format-aside).cover_header .open_search,
.has_feat_img.page-template-page-image_full_screen .open_search,
.blog.has_sticky:not(.paged).has_feat_slider  .open_search{
    background-position: -294px 0;
 }


.close_search {
    z-index: 1001;    
    background: url(assets/images/icons.svg);
    background-position: -163px 0;
    width: 44px;
    height: 44px;}


#search_overlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 1005;
    background: inherit; }

#search_overlay input[type=search] {
    border: none;
    font-size: 2.4em;
    font-size: 3vw;
    text-align: center; 
    position: absolute;
    height: 100%; }



/*		6.3 Menu button
--------------------------------------*/

.open_menu_btn {
    cursor:pointer;
    width: 4rem;
    height: 4rem;
    padding: 1em;
    position: absolute;
    cursor: pointer;
    display:block;
    text-align: center;
    z-index:1004;
    border-radius: 0;
    top: 1.75em;
    left: 1.75em;
    background: inherit; }


.open_menu_btn.fixed { position: fixed; }

.open_menu_btn span { 
    display: block;
    position: absolute;
    height: 2px;
    width: 46%;
    background: #1a1a1a;
    opacity: 1;
    left: 27%;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
}
.open_menu_btn span:nth-child(1),
.open_menu_btn span:nth-child(3) {
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center; }


.open_menu_btn span:nth-child(1) {
    top: 35%;
}

.open_menu_btn span:nth-child(2) {
    top: 50%;
    margin-top: -1px;
}

.open_menu_btn span:nth-child(3) {
    bottom: 35%;
}


.open_menu_btn.active span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 33%;
    left: 34%;
}

.open_menu_btn.active span:nth-child(2) {
    opacity: 0;
    width: 0;
}

.open_menu_btn.active span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 66%;
    left: 34%;
}



/*		7.0 Full Screen Menu Overlay
=================================================================================*/

#menu_overlay { 
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    transition: opacity .5s, visibility .5s;
    visibility: hidden;
    opacity: 0;
    text-align: center;
    background: inherit;
    backface-visibility: hidden;
    overflow: auto;
    z-index: 1003; }

#menu_overlay.visible {
    opacity: 1;
    visibility: visible; }

#menu_overlay > div { 
    display: table;
    height: 100%;
    width: 100%;
}


#menu_overlay .feat_img { 
    background-color: transparent;
    position: fixed;
    z-index: -1; }


#menu_overlay  > div .inner_wrapper,
#search_overlay form { 
    animation-delay:  .2s; }


#menu_overlay .inner_wrapper {
    display: table-cell;
    vertical-align: middle;
    padding: 3rem 2rem; }


#menu_overlay .navigation { 
    text-align: center;
}

#menu_overlay .navigation li  {  margin: 1.75em 0; }


#menu_overlay .navigation a { 
    text-align:center;
    position: relative;
    font-size: 2.4em;
    padding: 0;
    line-height: 1;
    transition: color .2s; }

#menu_overlay .navigation a:hover { opacity: .8; }


/* description */

#menu_overlay .description {
    font-size: 1.1rem;
    margin-top: .2em;
    display: block;
}


/* sub-menus */

#menu_overlay .navigation > .menu-item-has-children > .sub-menu { 
    font-size:.6em;
    display: none;
    margin: 2.5em 0;
    position: absolute; 
    width: 100%; 
    top: 50%;
    left: 0;
    transform: translateY(-50%); }

.sub-menu .sub-menu { 
    font-size: .7em;
    opacity: 1; }

.submenu_active > a { 
    margin:0 !important;
    line-height: 0 !important; }

#menu_overlay .sub-menu li { margin: 2.5em 0; }


#menu_overlay .close_submenu {
    background: url('assets/images/icons.svg');
    background-position: -97px 0; 
    overflow: hidden;
    display: block;
    width: 32px;
    height: 22px;
    margin: 0 auto !important; }

#menu_overlay.has_bg .close_submenu { 
    background-position: -97px -22px; 
 }


/* widgets */

#menu_overlay input[type=text],
#menu_overlay input[type=search],
#menu_overlay input[type=email],
#menu_overlay input[type=password],
#menu_overlay input[type=phone] {     
    text-align: center;
    font-size: 2em;
    padding: .2em 0;
    max-width: 12em;
    border-top: none;
    border-left: none;
    border-right: none; }

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}

.after_nav_widgets { margin-top: 1em; }

#menu_overlay .widget:not(:last-child) { margin-bottom: 3em; }
#menu_overlay .widget li { font-size: 1.1em; }

.recentcomments a { 
    border-bottom: 1px solid; }





/*		8.0 Pages
=================================================================================*/

.page_header {
    margin: 4em 0;
    text-align: center; }

.page_header h1 {
    font-size: 2.5em;
    margin-bottom: 0; }

.entry_content.styled_content > *:first-child,
.page-template-page-image_full_screen .entry_content > *:first-child,
.page-template-default .entry_content > *:first-child {
    margin-top: 0;
}




/*		8.1 Default Template
--------------------------------------*/


.post_excerpt {  
    max-width: 45rem;
    margin: 1.5em auto 0;
    text-align: center;
    text-overflow:ellipsis; }

.hero_section .post_excerpt { 
    margin-top: 2em; }

.post_excerpt p { 
    margin-bottom: 0; }



/*		8.2 Full Screen Header Template
--------------------------------------*/





/*		8.3 Gallery Template
--------------------------------------*/

.gallery_template ul a { 
    position:relative; 
    display:block;
    overflow: hidden;
    text-align: center; }	

.gallery_template ul a:before {
    display: block;
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 2;
    opacity: 0;
    transition: opacity .1s; }

.gallery_template ul a img {
    display:block;
    width: 100%;
    height: auto;
    z-index: 1; }	

.gallery_template ul a .inner_wrapper { 
    z-index: 3;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    transition: opacity .1s;
    color:white;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d; }

.gallery_template a .inner_wrapper .centered {
    position: relative;
    top: 50%;
    transform: translateY(-50%); }


.gallery_template a:hover .inner_wrapper,
.gallery_template a:hover:before { opacity: 1;  }


.gallery_template li { position: relative; }
.gallery_template .inner_wrapper h4 { 
    margin:0; 
    line-height: 1.3;
    font-size: 1.4em;
    color: white; }

.gallery_template .col-lg-2.col-md-3.col-sm-4.col-xs-6 .inner_wrapper h3 { 
    font-size: 1.5em; }




/*		8.4 Contact Template
--------------------------------------*/

.page_header .widget_hallie_social_widget { 
    text-align: center;
    margin-top: 1em; }


/* contact form 7 plugin  */

.wpcf7 { margin-top: 3em !important; }
.wpcf7 label { width: 100%; }


.wpcf7-not-valid-tip, .wpcf7-response-output {
    border:none !important;
    top:-30px !important;
    width:auto !important; }

.wpcf7-form-control-wrap { 
    text-align:center !important;
    width: 100%;
    display: block; }	

.wpcf7 input[type=submit] { 
    display: block; } 	


div.wpcf7-response-output { 
    margin:1em 0 2em 0 !important;
    padding: 0 !important;
    text-align: center; }	

span.wpcf7-not-valid-tip { 
    right: 20px;
    top: -2.5em !important;
    position:absolute;
    z-index: 2; }	


.wpcf7-not-valid-tip  { 
    color:white !important; 
    font-size:.9rem !important;
    padding:1em 1.6em !important;
    z-index:100;
    font-family: inherit; }	

.wpcf7-not-valid-tip:after {   
    content: '';
    height: 0;
    position: absolute;
    width: 0;
    border: 8px solid;
    border-bottom-color:transparent;
    border-left-color:transparent;
    border-right-color:transparent;
    top: 100%;
    left: 50%;
    margin-left: -8px; }


/* google map */

#map_canvas { height: 800px; }
#map_canvas img { max-width:none !important; }	




/*		8.5 Tabs Template
--------------------------------------*/


.page_header .tabs { 
    text-align: center;
    margin-top: 2em; }
.page_header .tabs li { display: inline-block; }
.page_header .tabs li a { 
    margin: 0 1em;
    font-size: 1.05em; }

.tabs li a,
.entry_details span, 
.entry_details time, 
cite {
    font-weight: 400;           
}


.widget_nav_menu .current-menu-item a, 
.ui-tabs-active a { 
    border-bottom: 1px solid;
 } 

.styled_content {
    background: #f9f9f9;
    padding: 4em 4em 2.5em 4em; }

.featured_image img { display: block; }

@media (min-width: 992px) {
    .page-template-page-image-left .styled_content,
    .page-template-page-contact .styled_content  { margin-left: -5em; }
    .page-template-page-image-right .styled_content { margin-right: -5em; }


    .page-template-page-image-left .featured_image img { float: right; }
    .page-template-page-image-right .featured_image img { float: left; }
    
    .styled_content {
        margin-top: 4em; }
   
}





/*		9.0 Blog
=================================================================================*/


article.index { 
    text-align: center;
    overflow: hidden;
    padding-left: 0;
    padding-right: 0; }


.index > a  {
    display: table;
    width: 100%;
    height: 100%;
    color: inherit !important; }
.index .entry_content { 
    display: table-cell; 
    vertical-align: middle;
}


.inner_wrapper { padding:12%; }

.index .inner_wrapper { padding:35% 12%; }

.format-standard.index.has_excerpt .inner_wrapper { padding:20% 12%; }

@media (min-width: 768px) {
    .format-quote.index .inner_wrapper,
    .format-aside.index .inner_wrapper {
        padding:20% 12%; }
}

article.index .inner_wrapper, 
article.index .inner_wrapper, 
article.format-aside.index ..inner_wrapper  { 
    display: table-cell; 
    vertical-align: middle;
    width: 100%; }


.index .post_excerpt { width: 100%; }

.format-aside.index .post_excerpt { margin: 0 !important; }

article header h1,
article header h1,
.featured_slider  h2 { 
    margin:.05em 0;
    line-height:1.3; }

.index h2 { 
    font-size: 1.9em;
    font-size: 1.6vw;
    margin: .2em 0;
    line-height: 1.3; }

.entry_details { 
    position: relative;
    margin-top: .7em;
    display: inline-block;
    text-align: center; }


.entry_details > span, 
.entry_details > time { 
    margin: 0 1em;
    float: left; } 

.featured_slider .entry_details, .single article:not(.index) .entry_details {
    font-size: 1.1em;
    z-index: 1; }


.sticky {display: block; }

/*  page navigation */

ul.page-numbers, .prev_next, .prev_next_loop { 
    margin-bottom:0;
    width:100%;
    clear:both;
    text-align:center;
    overflow: hidden;
    display: block;
    float:left;
    padding: 5rem 0 1rem 0; }

.page-numbers li { display:inline; }

.page-numbers li a, .page-numbers li span {
    display:inline-block;  
    font-size: 1.6em;
    font-size: 1.2em; 
    width: 3em;
    height: 3em;
    line-height: 3em; }

.page-numbers li a {  
    margin:0 .5em; }

.page-numbers li a:hover { color: inherit; }

.page-numbers li span {
    margin:0 0; }


.prev_next_loop { font-size: 1.2em; }
.prev_next_loop a:first-child { margin-right: 1em; }
.prev_next_loop a:last-child { margin-left: 1em; }
.prev_next_loop .fa-angle-left { margin-right: .2em; }
.prev_next_loop .fa-angle-right { margin-left: .2em; }


.page_links {
    padding-top: 4em;
    text-align: center;
    word-spacing: 1em; }

.page_links span {
    display: inline-block;
    font-size: 1.2em; 
    width: 3em;
    height: 3em;
    line-height: 3em; }

.page_links > span { border:none;  }

.prev_next .entry_details { display: block; }

.prev_next_loop a { 
    padding:1.2em 1.5em;
    font-size: 1rem;
    text-transform: uppercase;
}
.prev_next_loop a:hover { color: inherit; }

.infinite_loading {
    text-align: center;
    padding: 5em 0 1.2em 0; }

.infinite_loading a { 
    margin: 0;
    padding:1.2em 2.2em;
    font-size: 1rem;
    color: inherit !important; 
    text-transform: uppercase;
}

#infscr-loading {
    width: 100% !important;
    position: absolute;
    text-align: center;
    font-size: 1.1em;
    color: #ccc;
    z-index: 200;
    height: 9rem !important; 
    bottom: -9rem !important;
}

#infscr-loading div { 
    position: absolute !important;
    bottom: 50%;
    width: 100%;
    text-align: center;
    margin-bottom: -2.2em; 
}

.infinite_scroll #infscr-loading, 
.infinite_scroll .infinite_loading {  background: transparent; }

.infinite_scroll .infinite_loading { padding: 0; }

.infinite_scroll .infinite_loading a { display: none; }

#infscr-loading img { display: none; }

#infscr-loading.show_spinner { display: block !important; }


.prev_next_loop_mobile { 
    text-align: center;
    margin-top: 8em;
    display: none; }
.prev_next_loop_mobile i { margin: 0 .5em; } 



/*		9.1 Featured Images
--------------------------------------*/

.feat_img { 
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-position: 50% 50%;
    z-index: -1;
    background-size: cover !important; }

.index .feat_img { transition: transform .5s, -webkit-filter .5s; }

.index.post-password-required .feat_img { opacity: .3; }

.hero_section .feat_img { 
    transition: transform 2s, -webkit-filter 2s;
}

.feat_img:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%; }

.index a:hover .feat_img,
.feat_img.in_focus { 
    transform: scale(1.1);
}


.featured_slider .in_focus .feat_img { transform: scale(1.05); }

.feat_img img { 
    display:block;
    width: 100%; }	



/*		9.4 Featured Slider 
--------------------------------------*/


.owl-stage { 
    overflow: hidden; }

.header_content {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding:10em 10%;
    position: relative;
}	

.owl-item .header_content {
    transition: all .2s;
    height: 100vh; 
 }

.owl-item:not(.active) .header_content {
    opacity: 0;
    visibility: hidden;}


.header_content  h1,
.header_content  h2 { 
    font-size:4vw; } 


.owl-dots {
    position:absolute;
    bottom:2.5em;
    padding:0;
    z-index:1000;
    float: left; 
    display: block; 
    left: 50%;
    margin-bottom:0 !important;	}		

.owl-dots button {
    position: relative; 
    float: left; 
    display: block; 
    right: 50%; 
    padding:0;
    border: none;
    background: transparent;
	}

.owl-dots button span { 
    text-indent:-9999px;
    display:block;
    width:1em;
    height:1em;
    border:2px solid white;
    border-radius:50%;
    margin:0 .5em; 
    opacity: .5;
    cursor:pointer;
    position: relative; }	

.owl-dots button.active span { 
    background:white;
    width:1.25em;
    height:1.25em;
    top: -.112em;    
    opacity: 1; }

.owl-nav button { 
    float: left;
 }


.owl-item.active .header_content > * { 
    animation-name: fadeIn;
    position: relative;
    animation-duration: .8s; 
    opacity: 0; 
    animation-fill-mode:forwards;        
}


.owl-item.active .header_content > *  {  animation-delay: .3s; }


@keyframes fadeIn {
    0%   { opacity: 0; }
    100% { opacity: 1; bottom: 0; }
}



/*		9.3 Single Post
--------------------------------------*/


.single-post>section,
.page-template-default>section { 
    margin-top: 0; }

.single-post article.not(.index) .entry_content, 
.page-template-default .entry_content { line-height: 1.8em; }


.featured_slider .entry_details span a,
.single .entry_details span a { 
    border-bottom: 1px solid rgba(255, 255, 255, .4); }


.single-format-standard.dropcap .align_text > p:first-child:first-letter {
    float: left;
    font-size: 5.2em;
    line-height: 1;
    padding: 0 .5rem;
    padding-right: .15em;
}

.indent_text.single-format-standard .align_text p:not(.wp-caption-text) {
    text-indent: 2em; }

.dropcap.indent_text.single-format-standard .align_text p:first-child {
    text-indent: 0; }


.single article:not(.index, .single-format-quote) .entry_content { margin-bottom: 3em; }


/* hero section */

.hero_section {     
    padding: 0;
    display:table !important;
    width:100%;
    height: 100vh;
    z-index: 1;
    text-align: center;
    background-size:cover;
    background-position:50% 50%;
    overflow:hidden;
    position:relative; 
}

body.single:not(.single-format-quote):not(.single-format-aside):not(.cover_header) .hero_section { height:auto; }

.cover_header .hero_section,
.page-template-page-image_full_screen .hero_section {  margin-bottom: 8em; }

.hero_section .header_content { z-index: 1; }

.continue_reading { 
    font-size: 1.5rem;
    bottom: 4em;
    height: 48px;
    width: 48px;
    background: url(assets/images/icons.svg);
    background-position: -48px 0;
    position: absolute;
    display: inline-block;
    cursor: pointer;
    left: 50%;
    line-height: 3rem;
    margin-left: -1.5rem;
    z-index: 1; }

.single-format-standard:not(.cover_header) .continue_reading { 
        background-position: 0 0;
}


.single article:not(.index) .entry_content {
    text-align: center; }


.entry_content > .align_text {
    display: inline-block;
    text-align: left;
    max-width: 100%;
}


.single_footer { 
    display: block;
    width: 100%;
    float: left; }


/* password protected */

form.post-password-form {
    text-align: center; }

form.post-password-form input[type=submit] { 
    display: inline-block; }

.indent_text.single form.post-password-form  p:not(:first-child) {
    text-indent: 0; }

/* adjacent posts */

.prev_post_block,
.next_post_block,
.owl-carousel .owl-nav button.owl-next, 
.owl-carousel .owl-nav button.owl-prev {
    display:block;
    transition:transform .2s, -webkit-filter .2s;
    z-index:2;
    overflow: hidden;
    cursor: pointer;
    height:4rem;
    width:4rem;
    font-size: 3.2rem;
    text-align: center;
    line-height: 4rem;
    position: absolute;
    top: 50%;
    margin-top: -2rem;
    color:#ccc; }

.prev_post_block:hover,
.next_post_block:hover { color: #ccc; }

.prev_post_block,
.next_post_block { 
    position: fixed; }
.owl-nav button { 
    position: absolute; }
.owl-nav button.disabled, .owl-dots.disabled { 
    display: none; }


.prev_post_block, .owl-prev { 
    left: 1rem;  }
.next_post_block, .owl-next { 
    right: 1rem;  }


.single .prev_post,
.single .next_post {
    position:fixed;
    background: #f9f9f9;
    padding: 3em;
    top: 50%;
    text-align: center;
    color: inherit !important;
    transform: translate(0, -50%);    
    -moz-transform: translate(0, -50%); 
    display: none; 
    z-index: 100;
    max-width: 25rem;
}

.single .prev_post { left: 0; }
.single .next_post { right: 0; }

.single .prev_post h2,
.single .next_post h2 { 
    text-align: center;
    font-size: 1.4em;
    line-height: 1.4;
    margin-bottom: 0; }
.single .prev_post .entry_details,
.single .next_post .entry_details, 
.single .prev_post span,
.single .next_post span {
    color: inherit;
    font-size: 1rem !important; }



/* author box */

.author_box { 
    background: #f9f9f9;
    margin-top: 9em;
    float: left;
    padding: 5em 2em;
    width: 100%; }

.author_avatar img { 
    border-radius: 50%;
    margin-bottom: 1em;
    display: inline-block; }

.author_box h3 { 
    margin-bottom: .75em; } 

.single .author_icons { 
    margin-top: 1em; }

.author_icons li { 
    display: inline-block;
    margin: 0 .5em; }
.author_icons li a { 
    font-size: 1.2rem; }



/* single quote */

.single article.format-quote,
.single article.format-aside { margin: 8em 0; }

.single.format-quote .entry_content,
.single.format-aside .entry_content {
    text-align: center;
    margin-bottom: 0; }
.single.format-quote .entry_content blockquote { 
    padding: 0;
    font-size: 1.2em;
    border: none; 
    line-height: 1.4; }

@media (min-width: 992px) {
    
    .single.format-quote .entry_content blockquote { 
        font-size: 2.5vw; }
    
    .single.format-quote .entry_content blockquote p { 
        margin-bottom: 0; }
}



.single.format-quote .entry_content blockquote cite {
    font-size: 1.1rem; }


/* single aside */

.single .single.format-aside .entry_content {
    margin-top: 1em; 
}

@media (min-width:992px) {
    .single .single.format-aside .entry_content {
        font-size: 1.3em;  }
}

.single-format-aside .entry_details span a,
.single-format-standard:not(.cover_header) .entry_details span a {
    border-bottom: 1px solid rgba(0, 0, 0, .4); }

.single-format-aside .entry_details span a:hover, 
.single-format-standard:not(.cover_header) .entry_details span a:hover {
    border-bottom-color: inherit; }



/* tags */

.post_tags { 
    margin: 4em 0 0 0;
    text-align: center;
    position: relative; }

.post_tags a { margin:.0 1.5rem; }	


/* comments */

.bypostauthor { 
    background: #f9f9f9;
    padding-right: 4em !important; } /* comments made by post author */

.commentlist { 
    margin-bottom: 6em; }

.comments_toggle_wrapper {  margin-top: 8em; }
.comments_toggle { 
    font-size: 1rem;
    text-align: center;
    display: inline-block;
    padding: 1em; }

#comments {
    margin-top:8em; }

#comments.autohide  { display: none; }

.comment_body { 
    background: #f9f9f9;
    padding: 3em 3em 2em 3em; }

#comments  h2 { 
    margin:1em 0 2em 0;
    text-align: center;
    max-width: 100%; }

#comments .comment { 
    padding: 2em 0;
    position: relative;
    clear: both;
}


#comments .comment .comment {
    padding-left:5%;
    position: relative; }


#comments .comment .comment.bypostauthor {  margin-top: 4em; } 

.logged-in-as { margin-bottom: 1.5em; }

.comment-notes {
    margin-bottom: 1.5em;
}


#comments .bypostauthor #cancel-comment-reply-link { right: 0; } 

.comment h3 { 
    float: left; 
    font-size: 1.2em;
    line-height:inherit;
    margin-bottom: 0; }

.comment_text { margin-top: .8em; }

.pingback { margin-bottom: 1.5em; }
.pingback .comment_text {
    margin: 1em 0 0 0; }

.comment p { margin-bottom:1em; }		

.comment .avatar { 
    border-radius: 50%; }
.comment-meta { 
    float: right;
    line-height: 2.3;
    color: #999; }

.comment-reply-link { margin-left:1em; color: #ccc; }

#respond { 
    position:relative;
    clear: both;
    float: left;
    width: 100%;
    background: #f9f9f9;
    padding: 5em 5em 4em 5em; }

section>#respond { margin:5em 0 8em 0; }

#comments .comment #respond {  margin-top: 2.5em; }

#comments .bypostauthor #respond { padding: 0; }


#cancel-comment-reply-link { 
    position:absolute;
    right:2em;
    top:2em;
    width: 20px;
    height: 20px;
}

.comment-reply-login { margin-left: 1em; }

#cancel-comment-reply-link span { 
    background: url(assets/images/icons.svg);
    background-position: -175px -48px;
    width: 100%;
    height: 100%;
    display: block;
    opacity: .8; }

#reply-title { 
    float:none;
    font-size: 1.75em; }


.form-submit { margin-top: 2em; }

/* pings */

#blog_pings {
    margin-top: 8em;
    float: left;
    width: 100%; }


/* related posts */

.related_posts { 
    margin-top: 8em; }

.related_posts_title { margin-bottom: 1.2em; }


/* pagination */

ul.pages { overflow: hidden; }

.pages .left { margin-right: 1px; }
.pages .right { margin-left: 2px; }
.pages .left a, 
.pages .right a { 
    width:50%;
    float: left;
    text-align: center;
    padding: 3em 0;
    margin-bottom: 3em;
    overflow: hidden; }

.pages .right a { float: right; }



/*		9.4 Author Archive
--------------------------------------*/

.author .author_icons { 
    text-align:center;
    margin-top: 1.5em; }

.author .author_avatar { text-align: center; }



/*		10.0 Footer
=================================================================================*/

body>footer { 
    clear:both;
    width: 100%;
}


.footer_bottom { 
    padding: 5em 0 0 0;
    position: relative;
    width: 100%; }


.copyright_info {
    text-align: center;
    color: #ccc;
    position: relative;
    padding: 4em 0;
    margin-bottom: 0; }


.copyright_info a {	
    text-decoration:none;
    color: inherit; }



/* widgets */

.widget_nav_menu ul li { margin-bottom: 1.2em; }

.footer_widgets {  padding-top: 12em; } 

footer .widget { padding: 0 2em 5em 2em; }

.widgettitle { font-size: 1.6em; }

.widget_calendar tbody td a {
    display:block;
    width:100%;
    height:100%;
    border:2px solid; }


.wp-tag-cloud a { font-size:1em !important; }


/* social media widget */

.social_icons { 
    clear: both; }

#menu_overlay .social_icons { 	text-align:center; }
#menu_overlay .widget_hallie_social_widget { 	
    padding: 0;
    display: block; }


.social_icons li { display:inline-block; }

.social_icons a { 
    display:inline-block;
    text-align:center;
    transition:color .2s;
    font-size:1.3em;
    border-bottom: none !important;
    padding:.1em .3em;
    margin: 0 .35em; }

.widget .social_icons a:hover { border: none; } 

.index .pages li a i { border:none; }

.footer_widgets .social_icons li:first-child a { margin-left: 0; }


/* newsletter widget */

label { font-weight: normal; }
.footer_widgets input[type="email"] { margin-top: 2em; }


#menu_overlay input[type=search]::-webkit-input-placeholder{ transition: opacity .3s; }
#menu_overlay input[type=search]:focus::-webkit-input-placeholder{ opacity: 0; }

.email_wrapper {
    position: relative; 
    margin-top: 3em; }
.email_wrapper:after {
    content: "";
    background:  url(assets/images/icons.svg);
    background-position: -136px -45px;
    width: 24px;
    height: 17px;
    position: absolute;
    right: 1em;
    bottom: 1.3em;
    z-index: 0; }
.email_wrapper input[type=email] { 
    padding: 1em;
    margin-top: 0;
    border-bottom-color: inherit; }

.email_wrapper input[type=submit] { 
    position: absolute;
    right: 0;
    bottom: 0; 
    background: none !important;
    height: 100%;
    width: 3em;
    text-indent: -10em;
    padding: 0;
    box-shadow: none;
    border: none;
    z-index: 1; }



/*		11.0 Preloader 
=================================================================================*/


#preloader {
    background-color: inherit;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10000;
    overflow: hidden;
    transition: opacity .5s, visibility .5s;
    background-position: center;
    background-repeat: no-repeat; }

#preloader > div {
    width: 40px;
    height: 40px;
    margin: 100px auto;
    background-color: #ff5555;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
    border-radius: 100%;  
    -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
    animation: sk-scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes sk-scaleout {
  0% { -webkit-transform: scale(0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}

@keyframes sk-scaleout {
  0% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 100% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    opacity: 0;
  }
}

#preloader.loaded { 
    opacity: 0; 
    visibility: hidden;
} 
     
.no-js #preloader { display: none; }




/*		12.0 Custom Styles
=================================================================================*/


/* grayscale effect */

.grayscale .index a:not(:hover) .feat_img,
.grayscale .featured_slider .owl-item:not(.in_focus) .feat_img,
.grayscale .gallery_template a img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);  }



/* vintage effect */    

.vintage .index a:not(:hover) .feat_img,
.vintage .featured_slider .owl-item:not(.in_focus) .feat_img,
.vintage .gallery_template a img  { 
    -webkit-filter: grayscale(50%) sepia(20%); 
    filter: grayscale(50%) sepia(20%); }



/* 		13.0 Media Queries
=================================================================================*/

/* very large desktop screens */

@media (min-width: 1921px) { 
    
    /* loop post */
    article.index { width: 25%; }
}

/* large desktop screens */

@media (min-width: 1600px) {
    
    /* footer */
    .footer_widgets { 
        padding-left: 2em;
        padding-right: 2em; }
    
    footer .widget { padding: 0 3em 5em 3em; }
    
}
    
/* tablet screens */

@media (max-width: 991px) {
    
    /* header */
    #search_overlay input[type=search] {
        font-size: 5vw; }
    
     #menu_overlay .navigation a {
        font-size: 2.2em; }
    
     #menu_overlay .sub-menu a {
        font-size: 1.8em; }
    
    #menu_overlay .description {
        font-size: 1rem; }
    

    /* single post */
    .single article.format-quote,
    .single article.format-aside { margin: 5em 0 0 0; }
    
    .cover_header .hero_section, 
    .page-template-page-image_full_screen .hero_section {
        margin-bottom: 6em; }   
    
    .header_content {
        padding-top: 5em;
        padding-bottom: 5em; }
    
    .header_content  h1, .header_content  h2 {
        font-size: 3em; }
    
    .prev_post_block, .next_post_block, .featured_slider .owl-nav { display: none !important; }
    
    .prev_next_loop_mobile { 
        display: block;
        font-size: 1.1em; }
    .next_post_mobile { float: right; }
    
    .continue_reading { bottom: 2em; }

    /* loop post */
    .index h2 { font-size: 1.7em; }
    .index blockquote p { font-size: 2vw; }
    
    .post_excerpt {  margin-top: 1em; }

    .index .entry_details,
    .featured_slider .entry_details, 
    .single article:not(.index) .entry_details{ font-size: 1rem; }
    
    /* pages */
    #map_canvas { height: 500px; }
    
    .page-template-page-categories .index .inner_wrapper { padding:20% 12%; }

    
    /* footer */
    .footer_widgets { 
        padding-top: 6em;
        padding-bottom: 0; }
    footer .widget { padding: 0 1.5em 3em 1.5em; }


}


/* phone screens */

@media (max-width: 767px) {
    
    /* header */
    body > header { padding: 1.5em 0; }

    .open_menu_btn {
        width: 3rem;
        height: 3rem;
        top: 1em;
        left: 1em; }
    
    .open_search, .close_search {
        top: .75em;
        right: 1em; }
    
    #menu_overlay .inner_wrapper { padding: 2rem; }

    #menu_overlay .navigation a {
        font-size: 1.8em; }
    
    #menu_overlay .sub-menu a {
        font-size: 1.7em; }
    
    
    .social_icons a { font-size: 1.1em; }


    /* single post */
    .header_content { padding: 3em 7%; }
    .header_content h1,
    .header_content h2,
    .page_header h1 { font-size: 2.2em; }
    
    .cover_header .hero_section, 
    .page-template-page-image_full_screen .hero_section {
        margin-bottom: 4em; }
    
    .hero_section .post_excerpt { margin-top: 1em; }
    
    .next_post_mobile { float: none; }
    .prev_post_mobile { margin-bottom: 1em; }
    
    .comment_body, #respond, .styled_content {  padding: 2em 2em 1.5em 2em; }  
    
    .indent_text.single-format-standard .align_text p:not(.wp-caption-text) {
    text-indent: 1em; }

    /* loop post */

    .index blockquote p {  font-size: 1em; }
    .index .inner_wrapper {
        padding-left: 7%;
        padding-right: 7%; }
    
    .infinite_loading a { padding: 1em 1.8em; }
    
    /* pages */
    .page_header { margin: 3em 0; }
    .page-template-page-categories .index .inner_wrapper { padding:30% 12%; }
    
    /* footer */
    footer .widget { padding: 0 0 3em 0; }
    .footer_widgets  ul:last-child li:last-child { padding-bottom: 0; }
    .email_wrapper { margin-top: 2em; }
    .copyright_info { padding: 3em 0; }
    
    /* forms */
    a.button, button, input[type=submit], .infinite_loading a, .prev_next_loop a,
    .page-numbers li a, .page-numbers li span {
        font-size: 1rem; }
    .page-numbers li a, .page-numbers li span { line-height: 2.8rem; }
    

}

/* admin bar push */
@media screen and (max-width: 782px) {
    
    .admin-bar.cover_header.single-format-standard #logo,
    .admin-bar.has_feat_img.page-template-page-image_full_screen #logo,
    .admin-bar.blog.has_sticky:not(.paged).has_feat_slider #logo { margin-top: 46px;  }
    .admin-bar .open_menu_btn { position: absolute; top: 4em; }
    .admin-bar .open_search, .admin-bar .close_search { top: 2.75em; }
    
}