/*
Theme Name: Arriba Arriba
Theme URI: http://artinmars.com
Author: Miguel A. Rojas
Author URI: http://artinmars.com
Description: Description
Version: 0.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Arriba Arriba
Tags:

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.

popper is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Color codes
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
    ## Other
# Accessibility
# Alignments
# Clearings
# Header
# Widgets
# Content
	## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
        ## Images
	## Galleries
# Footer
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Color codes
--------------------------------------------------------------*/
/*main-site > #ebf0eb*/
/*nav-menu > #fe4239*/
/*nav-menu border > #c0392b*/
/*site-content > #d2d8d2;*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 0;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

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

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #000;
	font-family: 'Merriweather', serif;
        text-decoration: none;
        font-weight: 300;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}
.site-content{
    background:#d2d8d2;
	font-size: 1.125em; 
    line-height: 1.6em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Source Sans Pro', sans-serif;
    text-decoration: none;
    clear: both;
	margin:0;


}

h1{ font-size: 2.4em;}
h2{ font-size: 2.2em;}
h3{ font-size: 2em;}
h4{ font-size: 1.8em;}
h5{ font-size: 1.6em;}
h6{ font-size: 1.4em;}


p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}


blockquote {
	margin: 1.5em 0 1.5em 2em;
        font-size: 1.5em;
        line-height: 1.4em;
        position: relative;
}

blockquote::before {
    font-family: 'FontAwesome';
    content: "\f10d";
    position: absolute;
    left: -2em;
    color: #ededed;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 3px solid;
	border-color: #000;
	border-radius: 0;
	background: #fff;
	color: #000;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
     font-family: 'Fira Sans', sans-serif;
	
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {

}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {

	border-radius: 0;
	padding:5px;
}

select {

}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"] {
	padding: 3px;
}

textarea {
	padding-left: 3px;
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #000;
        text-decoration: none;
}

a:visited {
	color: #000;
}

a:hover,
a:focus,
a:active {
	color: #000;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
        text-decoration: underline;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation > #logo{
	display:none;
}

@media screen and (max-width: 49.999em) {
	.small-logo{
		display:block;
		position:absolute;
		max-width:120px;
		background:#ebf0eb;
		border-bottom:3px solid #c0392b;
		border-top:3px solid #c0392b;
		padding:5px 5px 0px 5px;
		text-align:center;
		margin:0 auto;
		bottom:0;
		margin-bottom:-15px;
		left:50%;
		margin-left:-60px;
		
	}
}

.main-navigation {
	clear: both;
	display: block;
	width: 100%;
	height:auto;
    font-family: 'Source Sans Pro', sans-serif;
    text-transform: uppercase;
    font-size: 1.2em;
	font-weight: 700;
}



.nav-menu{
    	background: #fe4239;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
	top:0;


}

.main-navigation a {
	display: block;
	padding: 0.8em 0;
	position: relative;
	text-decoration: none;
    color:#ebf0eb;
    padding-left: 0.5em;
}

.main-navigation a:hover {
	color:#FFF;
        
}
.main-navigation a:active {
	color:#FFF;
}

.main-navigation ul {
	list-style: none;
}

.main-navigation ul ul {
	display: none;
	margin-left: 0.8em;
}

.main-navigation ul .toggled-on {
	display: block;
}

.main-navigation li {
	border-top: 1px solid #eaeaea;
	border-top: 1px solid rgba(51, 51, 51, 0.1);
	position: relative;
}



.main-navigation  li:nth-child(1), 
.main-navigation  li:nth-child(2), 
.main-navigation  li:nth-child(3),
.main-navigation  li:nth-child(4), 
.main-navigation  li:nth-child(5), 
.main-navigation li:nth-child(6){
	left:0px;
}

.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a {
	color:#FFF;
}

.main-navigation .nav-menu > ul > li:first-child,
.main-navigation .nav-menu > li:first-child {
	border-top: 0;
}
.main-navigation .nav-menu > li:last-child {

	margin-bottom:40px;
}
.main-navigation .menu-item-has-children > a {
	padding-right: 48px;
}

.main-navigation .menu-item-description {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	font-family: "Noto Sans", sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 400;
	line-height: 1.5;
	margin-top: 0.5em;
}

.no-js .main-navigation ul ul {
	display: block;
}

.dropdown-toggle {
	border: 1px solid #fff;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	content: "";
    width: 27px;
	height: 27px;
    background-color: #000;
    color: #fff;
    font-family: 'FontAwesome';
	padding: 0;
	position: absolute;
	text-transform: lowercase; /* Stop screen readers to read the text as capital letters */
	top: 5px;
	right: 5px;
	
}

.dropdown-toggle:after {
	
	content: "\f078";
	font-size: 14px;
	line-height: 27px;
	position: relative;
	top: 0;
	left: 1px;
	width: 27px;
}

.dropdown-toggle:hover,
.dropdown-toggle:focus {
	background-color: #fff;
	color: #000;
}

.dropdown-toggle:focus {
	outline: 1px solid #c1c1c1;
	outline: 1px solid rgba(51, 51, 51, 0.3);
}

.dropdown-toggle.toggle-on:after {
	content: "\f077";
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;	
	
}


.menu-toggle{
    position:fixed;
    z-index: 1000;
    bottom: 1em;
    left: 1em;
    font-size: 1em;
    text-transform: uppercase;
    background-color: #fe4239;
    color: #FFF;
	font-size:23px;
	border:none;
    transition: all ease-out 400ms;
	border-bottom:#c0392b 3px solid;
}

.menu-toggle.hide {
    bottom: -2.5em;
}

.toggled .menu-toggle.hide {
    bottom: 1em;
}

.menu-toggle:hover, .menu-toggle:focus{
    text-decoration: none;
}


@media screen and (min-width: 50em) {
	
	#logo{
		position: absolute;
		display: block !important;
		width: 200px;
		left: 50%;
		margin-left: -100px;
		padding:-5px;
		top:-0.8em;
		background:#e80507;
		overflow:hidden;
		height:100px;
		border-bottom:#c0392b 3px solid;
		
	}
	#logo img:hover{
		position:relative;
		animation:logo-anim 1s ease forwards;
	}
	
	@keyframes logo-anim{
		0%   { transform: translateY(0); }
		10%   { transform: translateY(10px); }
		30%   { transform: translateY(-100px); }
		31%   { transform: translateY(200px); }
	  	51% { transform: translateY(-10px);}
		60% { transform: translateY(0px);}
	}

	
	.main-navigation  li:nth-child(1), 
	.main-navigation  li:nth-child(2), 
	.main-navigation  li:nth-child(3){
		left:-135px;
	}
	.main-navigation  li:nth-child(4), 
	.main-navigation  li:nth-child(5), 
	.main-navigation li:nth-child(6){
		left:55px;
	}
    
	.main-navigation .nav-menu > li:last-child {
		margin-bottom:0px;
	}
    .main-navigation, main-navigation.toggled{
        position:fixed;
        width: 100%;
        margin: 0em auto;
        background: none;
        font-size: 1.2em;
		z-index:1000;
    }
	
	.nav-back{
		position:fixed;
		display:block;
        width: 100%;
        margin: 0em auto;
		background: #fe4239;
		font-size: 1.2em;
		height:67px;
		color:#fe4239;
		opacity: 1;
		z-index:105;
		border-bottom:#c0392b 3px solid;
	}
    
    .main-navigation a{
        
        padding: 1em;
    }
    
    .nav-menu{
        
        background-color: transparent;
        width: 100%;
	
        }
    
    .main-navigation ul, main-navigation.toggled ul{
        max-height:none;
        padding-left: 0;
        text-align: center;
	
    }
    
    .main-navigation.toggled ul{
        overflow-y: visible;
    }
    
    .main-navigation li{
        display: inline-block;
        border: none;
		
    }
	
	.main-navigation.toggled  li{
		margin-left:300px;
		color:yellow;
	}
    
    .main-navigation ul ul{
        outline: 1px solid #333;
    }
    
    .main-navigation li li{
        display: block;
        text-align: left;
    }


    
    .main-navigation ul ul.toggled-on{
        position: absolute;
        width:12em;
        display: block;
        z-index: 10;
        margin-left:  0;
        background: #000;
    }
    
    .main-navigation ul ul ul.toggled-on{
        position: relative;
        
    }
    
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
        .dropdown-toggle{  /* Posisiona la flecha de abajo del menu principal */
            margin:15px 7px;
        }
        .page_item_has_children a{ /* Agranda el espacio de tab de aquellos que tienen submenu  */
            padding-right:50px;
        }
}

.main-navigation.toggled{
    position:fixed;
    bottom:0;
    padding: 1em;
    z-index: 1000;
}


.main-navigation.toggled ul {
    max-height: calc(100vh - 1em);
    overflow-y: auto;
}

.main-navigation.toggled ul ul {
    display: none;
}

.main-navigation.toggled ul ul.toggled-on,
.main-navigation.toggled ul ul.toggled-on > ul {
    display: block;
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
## Other
--------------------------------------------------------------*/
.comment-navigation,
.post-navigation,
.paging-navigation {
    padding: 2em 0;
    font-family: "Fira Sans", sans-serif;
    text-align: left;
    overflow: hidden;
}

@media screen and (min-width: 50em){
    .comment-navigation,
	.post-navigation,
	.paging-navigation {
        padding: 2em 3em;
    }
    
}

.nav-links{
    max-width: 45em;
    margin: 0 auto;
    padding: 0 .4em;
}

.comment-navigation a,
.post-navigation a,
.paging-navigation a {
    display: block;
    width: 100%;
    text-decoration:  none;
    padding: 1em;
    border: 1px solid #c3c3c3;
}
.comment-navigation a:hover,
.comment-navigation a:focus,
.post-navigation a:hover,
.post-navigation a:focus,
.paging-navigation a:hover,
.paging-navigation a:focus ;{
    border-color: #000;
}

.post-navigation .post-title {
    font-size: 1.2em;
    font-weight: 700;
}

.post-navigation a:hover .post-title,
.post-navigation a:focus .post-title{
    text-decoration: underline;
}

.nav-previous {
    padding-bottom: 1em;
}

@media screen and (min-width: 30em){
    
    .nav-links{
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        padding: 0;
    }
    
    .post-navigation .nav-previous{
        display: flex;
        align-items: stretch;
        float: left;
        width: 48%;
    }
    
    .nav-previous{
        padding-bottom: 0;
    }
    
    .post-navigation .nav-next{
        display: flex;
        align-items: stretch;
        float: right;
        width: 48%;
        text-align: right;
    }
}

.paging-navigation{
	margin-top: -2em;
	text-align: center;
}

.paging-navigation ul{
	display: inline-block;
	margin: 0;
	padding: 0;
}

.paging-navigation li{
	display: inline-block;
}

.paging-navigation li a{
	padding: .3em 1.4em;
}

.paging-navigation .current {
	padding: .8em 1.1em;
	font-weight: 700;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* 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. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

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

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

.site-header{

        background-color: #ed0121;
        background-size: cover;
		position:relative;
		
}


@media screen and (max-width: 49.999em){

.site-header .title-wrapper .page-title-wrapper h1{
	color:#ebf0eb;
	font-size:40px;
	margin-bottom:-0.3em;
	text-shadow: 1px 1px 1px #333;
}

.title-desc-inner { max-width: 100%; }
.site-header .title-wrapper .page-desc{
	font-size:14px; text-align:center; color:#fff; padding-left:0.5em; padding-right:0.5em;
	font-family:'Merriweather', sans-serif; text-shadow: 1px 1px 1px #333;
	font-style:italic;}


}



@media screen and (min-width: 50em){
    .site-header{
      height:700px; 
}

.site-header .title-wrapper{
	margin: 0;
	padding: 150px;
	position: relative;
	 -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 box-sizing: border-box;
	 
}

.title-desc-inner {
    max-width: 60%;
    position: relative;
}
.page-desc p{
	position: relative;
	color:#FFFFFF;
	z-index:104;

}
.absolute{
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.7;
	top:0;
	left:0;
}	

.site-header .title-wrapper .page-title-wrapper{
	z-index:103;
	position:relative;
	display:inline-block;
	background:#ebf0eb;
	border-bottom:3px solid #fe4239;
	width:auto;
	text-transform:uppercase;
	-khtml-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	 box-sizing: border-box;
 	max-width: 100%;
	padding-left:1.5em;
	padding-right:1.5em;	
	vertical-align:baseline;
	opacity:0;
	animation: opacy 1s ease forwards, slide 1s ease forwards;
	
}

.site-header .title-wrapper .page-desc{
	    -khtml-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		 box-sizing: border-box;
	    display: inline-block;
	    margin: 25px 0 0;
	    max-width: 100%;
	    position: relative;
	    z-index:103;
		padding:1em;
		font-family:'Merriweather', sans-serif;
		font-style:italic;
		animation: opacy 1s ease forwards, slide 1s ease forwards;
		animation-delay:0.3s;
		opacity:0;
}
@keyframes opacy {
  0%   { opacity: 0; -khtml-opacity: 0;}
  100% { opacity: 1; -khtml-opacity: 1;}
}
@keyframes slide {
	0%   { transform: translateX(0); }
  	100% { transform: translateX(20px);}
}



.site-header .title-wrapper .page-desc p{
		margin-bottom: 0;
		-webkit-margin-before: 0;
		-webkit-margin-after: 0;
}


}


.no-front{
	display:none;
}

.site-logo{
    position: relative;
}

.site-logo a{
    position: absolute;
    z-index: 10;
    top: 1em;
    left: 1em;
    display: block;
    width: 3em;
    height: 3em;
    background: #000;
    border: 2px solid #fff;
    color: #fff;
    text-decoration: none;    
}

.site-logo a:hover, .site-logo a:focus{
    outline: 2px solid white;
}

.site-firstletter{
    font-family: 'Fira Sans', sans-serif;
    font-size:  2.3em;
    font-weight: 700;
    text-align: center;
    line-height: 1.3em;
 
}

.site-logo a:hover .site-firstletter,
.site-logo a:focus .site-firstletter{
    background:white;
    color:black;
}  
    .site-branding{
        text-align: center;
        width: 45%;
        margin: 0 auto;
}

.site-title{
        margin-top: 1.7em;
        font-family: 'Fira Sans', sans-serif;
        font-size: 5em;
        font-weight: bold;
        color: #fff;
        text-transform: uppercase;
        word-break: break-word;
        background-color: #000;
        width: auto;
        padding:0.2em 0.3em 0 0.2em;
}

.happy{
	width:100%;
	display:block;
	position:absolute;
	bottom:0;
	background-image: linear-gradient(rgba(0, 0, 255, 0.5), rgba(255, 255, 0, 0.5)),
	                  url('http://localhost/popperscores/wp-content/uploads/2017/12/IMG_2878.jpg');
/*	background:url('http://localhost/popperscores/wp-content/uploads/2017/12/IMG_2878.jpg');*/
	background-repeat:no-repeat;
	z-index:10;
	color:#FFF;
	text-align:center;
	padding:0.5em;
	overflow:hidden;
	

}
@media screen and (max-width: 45em){
	
	.site-header{ height:300px; }
	
    .site-title {
        font-size:  3em;
    }
	.site-description {
        margin-top: 0;
        font-size: 1em;
    }
    
}

@media screen and (max-width: 30em){
	
	.site-header{ height:200px; }
	
    .site-title{
        font-size:  2em;
    }
    
}

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

.site-title::after{
        display:block;
        content: "";
        margin: .7em auto 0;
        width: 3em;
/*        border-bottom: 1px solid #fff;*/
        opacity: .5;
}

.site-description{
        margin-top: -2em;
        font-size: 30px;
        color: #000;
        background-color: #fff;
        width: auto;
        font-family: 'Oswald', sans-serif;
        text-transform: uppercase;
        font-weight: bold;
        
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
#secondary {
	position: relative;
	padding: 1.8em 1.4em 0;
	background-color: #ededed;
}
.widget {
	margin: 0 1.5em 1.5em;
	padding: 1.8em;
	background: #fff;
}

@media screen and (min-width: 45em){
	#secondary {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		padding: 1.8em;
		
		
	}
	
	.widget {
		float: left;
		width: 300px;
		margin: 0 .9em 1.8;
	}
}

.widget-title{
	margin-top: .5em;
	margin-bottom: .5em;
	font-size: 1em;
	text-transform: uppercase;
}

.widget ul, 
.widget ol {
	padding: .7em 0 0;
	margin: 0;
	font-family: "Fira Sans", sans-serif;
	list-style-type: none;
}

.widget-content .widget li{
	display: block;
	padding: .3em 0;
	
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/* Archives and Categories widgets. */

.widget_archive li{
	color: #808080;
}

.widget_categories .children{
	padding-top: 0;
	padding-bottom: .5em;
}

/* Search widget. */
.widget_search .search-submit {
	display:none;
}

.widget_search input[type="Search"] {
	box-sizing: border-box;
	width: 100%;
	padding: .5em 1em;
	border: 1px solid #c3c3c3;
	border-radius: 0;
}

/* Pages and Menu widgets. */
.widget_pages .children,
.widget_nav_menu .sub-menu{
	padding-top: 0;
	padding-bottom: .5em;
}

.widget_pages a,
.widget_nav_menu a{
	display: block;
	padding: 1em 0;
	border-bottom: 1px solid #c3c3c3;
}

.site-content .widget_pages li,
.site-content .widget_nav_menu li{
	padding: 0;
}

.site-content .widget_pages li:last-child,
.site-content .widget_nav_menu li:last-child {
	margin-bottom: .5em;
}

/*  Meta widget. */
.site-content .widget_meta li{
	padding: .3em 0;
}

/*  RSS widget. */

.widget_rss li{
	margin-bottom: 1em;
}

.widget l1 a.rsswidget {
	padding-right: .5em;
	font-size: 1em;
	line-height: 1.4em;
}

.rss-date, 
.widget_rss cite{
	color: #333;
	font-size: .8em;
}

.rssSummary {
	padding: .5em 0;
	font-family: "Merriweather", serif;
	font-size: .8em;
	line-height: 1.4em;
}

/*  Calendar widget. */

.widget_calendar {
	font-family: "Fira Sans", sans-serif;
}

.widget_calendar caption{
	padding: .5em 0;
	font-size: 1em;
	font-weight: 700;
	text-align: left;
}

.widget_calendar thead {
	background: #333;
	color: #fff;

}

.widget_calendar thead tr th{
	padding: 0.5em 0 0.5em;
	
}
.widget_calendar td {
	text-align: center;
	padding: 0.5em 0 0.5em;
	background-color: #e6e6e6;
}
.widget_calendar td.pad {
	background-color: #f2f2f2;
}
.widget_calendar td a {
	text-align: left;
	font-weight: bold;
	padding: 1em 0;
	}

.widget_calendar tbody tr td{
	border: 2px solid #ffffff;
}

.widget_calendar #today{
		font-weight: bold;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Front Page
--------------------------------------------------------------*/

.subscribe{
	width:100%;
	text-align:center;
	background: #E0E0E0;
	min-height:100px;
	padding:1.5em;
	color:#000;
	border-bottom:5px solid #c0392b;
}
.subscribe h1{ margin-bottom:0.5em;}
#form-wrap label{
	font-size:15px;
}
input.sp_email {
	height:2.5em;
	max-width:300px;
	font-size: 20px;
	padding-left:10px;
	font-family:"Helvetica, Verdana, Arial, Sans-Serif";
	
}
input.sendpress-submit{
	height:2.5em;
	font-size: 20px;
	border:none;
	background:#27ae60;
	color:#FFF;
	vertical-align:baseline;
	bottom:-2px;
	position:relative;
	font-family:"HelveticaNeue-Light";
	text-transform:uppercase;
	font-weight:100;
	
}

input.sendpress-submit:hover{
	background:#2ecc71;
}

.home-mama{
	background-color: #ED6565; 
	background: url("https://www.arribaarribawest.com/wp-content/uploads/2018/04/home-mama.jpg");
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	background-size: cover;
	padding: 4em 1em 4em 1em;
	position:relative;
	border-bottom: 5px solid #ffeaa7;
}

.home-mama h1 {
    font-family: 'Bangers', cursive;
    color:#f9d76b;
    text-align: center;
	text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.7);
    top: 25%;
    width: 100%;
	font-size:3em;
	letter-spacing:2px;
	word-break: break-word;
	line-height:1em;
	
}

.dish-cat{
	display:block;
	width:100%;
	padding:0.5em;
	font-size:1.2em;
	color:#ED6565;
	background:#FFF;
	margin-bottom:1em;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 700;
}


.pour-videos{
	border-top:4px solid #bdc3c7;
	display:block;
	width:100%;
	background: #fe4239;
	padding:2em;
	padding-top:1.5em;
	margin-top:1em;
	position:relative;
}
.pour-videos em{
	color:#FFF;
	text-align:center;
	margin:1em;
	clear:both;
	font-size:28px;
	
}

.video-left{
	float:left;
	text-align:center;
	width:48%;
}
.video-right{
	float:right;
	text-align:center;
	background:blue;
	width:48%;
}


@media screen and (max-width: 30em){
	.subscribe{ padding:0.5em; border-bottom:2px solid #c0392b;}
	#form-wrap label{ display:none;}
	input.sp_email {  max-width:80%}
	.entry-content{	padding:1em; }
	.video-left { margin-bottom: 1em; width:100%;}
	.video-right{ width:100%;}
}



.site-main section{
	position:relative;
	display:block;
	max-width: calc(100% + 4em);
	margin: 1.5em -2em;
}

.indent {
    margin: 0 auto;
}

#upcoming h1{
	color:#FFF;
	margin-bottom: 1rem;
}

@media screen and (max-width: 600px){
	#upcoming h1{ text-align:center; text-shadow: 1px 1px 1px #333;}
}


#upcoming {
    padding: 2rem;
	color:#959595;
	border-bottom: 1px solid #bdc3c7;

}

.upcoming{
	background-image: url("../../uploads/2017/11/spiration-light-green.png");
	background-repeat: repeat;
	
}
.upcoming ul{
	padding:1em;
	list-style:none;
	margin-left:0;
	list-style: none;
	display: -webkit-box;
	display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: row wrap;
    -moz-box-flex: row wrap;
    -webkit-flex: row wrap;
    -ms-flex: row wrap;
    flex: row wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    justify-content: center;
    text-align: center;
}
.upcoming ul li{
	width:29%;
	float:left;
	background:#FFF;
	margin: 1em;
}

.upcoming-thumb{
	height:180px;
	background-color:#000;
	overflow:hidden;
	margin:0 auto;
}
.upcoming-name{
	margin-top:0.5em;
}
.upcoming-excerpt p{
	font-size: 12px;
	color:#000;
	line-height:2em;
	padding:0 1em;
}

@media screen and (max-width: 50em){
	.upcoming ul li{ width:100%; }
	.upcoming ul li aside{ float:left; width:60%; text-align:center; margin:0 auto;}
	.upcoming-thumb{ float:left; width:40%;}
}

@media screen and (max-width: 30em){
	.upcoming-thumb{ float:none; width:100%;}
	.upcoming ul li aside{ float:none; width:100%;}
}



#news{
	padding: 2rem;
	color:#FFF;
	border-bottom: 1px solid #bdc3c7;
}
.news {
	background-image: url("https://www.arribaarribawest.com/wp-content/uploads/2018/04/IMG_5947.jpg") ;
	background-repeat: repeat;
}
.dishes{
	font-family:'Oswald', sans-serif;
	color:#fff;
	display:block;
	width:auto;
	padding:1em;
	font-size:50px;
	position:relative;	
}

.dish-back{
	position:absolute;
	z-index:103;
	width:100%;
	height:100%;
	top:0;
	background:#000;
	opacity:0.5;
}
.dishes a{
	position:relative;	
	color:#fff;
	z-index:104;
	background:red;
	padding:0.2em;
	font-weight:100;
}

#news h1{margin-bottom:1rem;}

@media screen and (max-width: 30em){
	.dishes{ font-size:25px;}
	#news h1{text-align:center;  text-shadow: 1px 1px 1px #333;}
}
/*--------------------------------------------------------------
# About Page
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Environment Page
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Specials Page
--------------------------------------------------------------*/

.container .box{
	width:100%;
	margin:0;
	display:table;

}

.container .box .box-row{
	display:table-row;
	padding:0;

}
.container .box .box-row .box-cell{
	display:table-cell;
	text-align:center;
	position:relative;
	width:50%;
	padding:0 1em 0 1em;
	background: url('https://www.arribaarribawest.com/wp-content/themes/arribaarriba/style.css?ver=4.9.8') center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

}
.container .box .box-row .box-cell .box {
	    border-top:4px solid #bdc3c7;
		display:block;
		position:relative;
		background:#999;
		text-align:center;
		width:100%;
		height:300px;
		top:0;
}
.container .box .box-row .box-cell .box1{
background: url('https://www.arribaarribawest.com/wp-content/uploads/2018/02/IMG_3036.jpg') left; 
background-size: cover;
}

.container .box .box-row .box-cell .box2{
background: url('https://www.arribaarribawest.com/wp-content/uploads/2018/02/IMG_8534.jpg') left; 
background-size: cover;
}

.container .box .box-row .box-cell .box3{
background: url('https://www.arribaarribawest.com/wp-content/uploads/2018/02/IMG_4406-e1519675956799.jpg') left; 
background-size: cover;
}

.container .box .box-row .box-cell .box4{
background: url('../../uploads/2018/02/IMG_4383-e1519676205848.jpg') left; 
background-size: cover;
}


.container .box .box-row .box-cell a:hover .title-special,
.container .box .box-row .box-cell a:hover span{
	background:#e74c3c;
	color:#ecf0f1;
}



.container .box .box-row .box-cell .title-special{
	position:relative;
	width:100%;
	padding:12px;
	margin-top:0;
	color:#ffeaa7;
	z-index:2;
}

.container .box .box-row .box-cell .title-back{
	position:absolute;
	top:0;
	background:#000;
	width:100%;
	height:60px;
	opacity:0.5;
	z-index:1;
}

.container .box .box-row .box-cell a:hover .title-back{
	display:none;
}

.container .box .box-row .box-cell p{
	position:relative;
	top:1em;
}

.container .box .box-row .box-cell span {
	
	width:auto;
	padding:10px;
	font-size:16px;
	font-weight:700;
	font-family: 'Merriweather', sans-serif;
	font-style: italic;
	color:#FFF;
}
@media screen and (max-width: 30em){
	.container .box .box-row .box-cell .box {
		height:200px;
	}
}

@media screen and (max-width: 600px){
	.container .box .box-row{
		display:block;

	}
	
	.container .box .box-row .box-cell{
		float:left;
		width:100%;
	}
}
/*--------------------------------------------------------------
# Menu Page
--------------------------------------------------------------*/
/*Buttons*/
.the-menus{

	width:100%;
	text-align:center;
	list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex:  row wrap;
    -moz-box-flex:  row wrap;
    -webkit-flex:  row wrap;
    -ms-flex:  row wrap;
    flex: row wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    justify-content: center;
	text-align:center;
	border-bottom: 3px solid  #c0392b; 
	padding-bottom:1em;
	
}
.the-menus .option{
	position:relative;
	display:inline-block;
	font-family:'Oswald', sans-serif;
	width:auto;
	padding:0.6em;
	margin:0.5em;
	cursor: pointer;
	background: #FC5B5B;
	color:#FFF;
	box-shadow: 3px 3px 0 0 #c0392b;
	}

.the-menus .option:hover{background: #fe4239; transform: translateX(3px); box-shadow:none;}

.menus-content{
	font-size: 16px;
	padding:1em;

}
/*Menus*/
.menus{
	margin: 0 auto;
	position:relative !important;
    padding: 0;
    list-style: none;
	display:block;
 	position:relative;
	text-align:center;
}

.default{ }
.entrees, .specialties, .fav,  .drinks, .desse{ display:none; }
.menus-text{
	position:relative;
	text-align:center;	
	width:100%;
	float:left;
	height:auto;
	color:#333;

}
.menus-name{
	padding-bottom:0.8em;
}
.menus-text ul{
	margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex:  row wrap;
    -moz-box-flex:  row wrap;
    -webkit-flex:  row wrap;
    -ms-flex:  row wrap;
    flex: row wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    justify-content: center;
	text-align:center;
	

	}
	.menus-text ul li{
		width:100%;
		height:100%;
	}
	
	
.menus-thumb {
	display:block;
	overflow:hidden;
	height:100%;
	width:50%;
	background:#000;
	float:left;
	

}

.menus-thumb img{
	object-fit: none;
	max-height:500px;
}

/*.menu-back{
	display:none;
	z-index:98;
	position:absolute;
	background:#FFF;
	opacity:0.7;
	margin:2em auto;
	left:50%;
	top:0;
	margin-left:-300px;
	text-align:center;
	width:600px;
	border:#999 1px solid;
	height:100%;
	margin-bottom:2em;
	}*/
	
.btn {
	    overflow: hidden;
	    vertical-align: middle;
	    position: relative;
	    -moz-osx-font-smoothing: grayscale;
	    background: #FFF;
	    border-style: solid;
	    display: inline-table;
	    touch-action: manipulation;
	    white-space: nowrap;
		font-size:14px;
	    padding: 6px 12px;
		cursor: pointer;
	    -webkit-backface-visibility: hidden;
	    -moz-backface-visibility: hidden;
	    backface-visibility: hidden;
		border: #fe4239 solid 2px;
		
	}
	
	.menu-dots {
	    position: absolute;
	    top: 14px;
	    left: 80px;
	    right: 0;
	    margin: 0;
	    border: 0;
	    height: 5px;
	    display: block;
	    background: radial-gradient(#d5d5d5 40%, transparent 10%);
	    background-position: 0 0;
	    background-size: 4px 4px;
	    background-repeat: repeat-x;
	}
	
	.site-main .menu-item {
	  margin: 35px 0;
	  font-size: 18px;
	}

	.menu-item-name{
	  font-family: helvetica;
	  font-weight: bold;
	  border-bottom: 2px dotted rgb(213, 213, 213);
	}

	.menu-item-description {
	  font-style: italic;
	  font-size: .9em;
	  line-height: 1.5em;
	}

	.menu-item-price{
	  float: right;
	  font-weight: bold;
	  font-family: arial;
	  margin-top: -22px;
	}

	@media screen and (max-width: 40em){
		.menus-thumb { display:none;}
		.menus-text{
			width:100%;
			float:none;
			background:#FFF;

		}
		.menus-name{
			padding-top:0.8em;
		}
	}
	
	.rp-content-wrapper {
		border-bottom: 1px dotted #999;
		padding:1em;
	}
	
	.rp-content-wrapper:last-child {
		border-bottom:none;
	}
	
	.rp-content-wrapper p{
	margin-bottom: 0em;
	}
	.restaurantpress-foods-header{
		background: #FFF;
	}
	.rp-title{
		font-size: 16px;
		font-weight: 600;
		text-transform: uppercase;

	}
	
	.rp-desc{
		font-style:italic;
		color:#666;
	}
	
	.price span {
		font-weight:bold; 
		font-size:20px;
		font-style:italic;
	}
	
	.restaurantpress section{
		margin: 0em;
	}
	
	@media screen and (max-width: 600px){
		.restaurantpress-foods-header{
			background: #ecf0eb;
		}
		
		.restaurantpress section{
			margin: 0em;
		}
	}
/*--------------------------------------------------------------
# Delivery Page
--------------------------------------------------------------*/

.phones{display:inline-block; margin-bottom:1em; position:relative; text-align:center; width:100%;}
.del-number{
	width:auto; color:#FFF; padding: 10px; margin:5px; background:red; border-radius: 5px; display:inline; text-decoration:none;
	line-height:3em;
}
@media screen and (max-width: 600px){

	.del-number{  width:100%; }
}
.catering {
	width:80%; text-align:center; display:block; border-bottom:5px solid red; padding:1em; margin:0 auto; position:relative;
	line-height:2em; color:#FFF; 	text-shadow: 1px 1px 1px #333;
}
.pick{
	background: url('https://www.arribaarribawest.com/wp-content/uploads/2018/04/IMG_6367.jpg') no-repeat;
	background-size:cover;
	margin-bottom:1em;
}
.deli {
	background: url('https://www.arribaarribawest.com/wp-content/uploads/2018/02/salmon-e1519766421570.jpg') no-repeat;
	background-size:cover;
}
.call a{
	width:auto; padding:10px; background: #ebf0eb; color:#fe4239; text-transform:uppercase; margin:0.7em; 
	font-family: 'Oswald', sans-serif; text-decoration:none;	text-shadow: none; border:1px solid #FFF;
	font-weight:700;
}
/*--------------------------------------------------------------
# Contact Page
--------------------------------------------------------------*/

.map{
	display:inline-block;
	float:left;
	position:relative;
	overflow:hidden;
	width:60%;
	margin-right:2em;
	}
	
.form{
	display:block;
	float:left;
	width:36%;
	padding:1em;
	border: 1px solid #FFF;
	overflow:hidden;
}
.form .wpcf7-submit {
	width:100%;
	background: #2ecc71;
	font-size:18px;
}
input.wpcf7-text, .wpcf7-textarea{
	font-size:18px;
    border-radius:0px;
	width:100%;
	padding:0.5em;
}
.wpcf7-textarea{ height:200px;}

@media screen and (max-width: 65em){
	.map, .form{ width:100%;}
	.map { height: 300px;}
}


/*--------------------------------------------------------------
## Global
--------------------------------------------------------------*/
/*Cheat the full with for entry-meta */
.content-area{
    overflow-x: hidden;

}

.site-main{
        font-size: .8em;
        line-height: 1.6em;
		background: #ebf0eb;
}

@media screen and (min-width: 65em){
    
    .sidebar-right .content-area{
	    float:left;
	    width: calc(100% - 306px);
	}
	
	.sidebar-right #secondary{
	    margin: 0;
	}
	
	.sidebar-right .site-content .widget-area{
	    float: right;
		overflow: hidden;
		width: 17em;
		padding: 0 1.5em;
		border-left: 1px solid #ededed;
	}
	
	.sidebar-left .content-area{
	    float:right;
	    width: calc(100% - 306px);
	}
	
	.sidebar-left #secondary{
	    margin: 0;
	}
	
	.sidebar-left .site-content .widget-area{
	    float: left;
		overflow: hidden;
		width: 17em;
		padding: 0 1.5em;
		border-left: 1px solid #ededed;
	}
    
}

@media screen and (min-width: 30em){
    
    .site-main{
        margin: 1.8em;
}
    
}

@media screen and (min-width: 40em){
    
    .site-main{
        font-size: 1em;
}
    
}

@media screen and (min-width: 57em){
    
    .site-main{
	display:block;
	position:relative;
    max-width: 85%;
	padding: 2em 2em;
    margin: 0 auto;
	background:#ebf0eb;
	height:100%;
}
    
}

/*--------------------------------------------------------------
## Indexes
--------------------------------------------------------------*/

.page-title{
	text-align: center;
	font-style: italic;
	font-size: 1.4em;
}

.page-header::after {
	display: block;
	content: "";
	width: 3.5em;
	border-bottom: 1px solid #c3c3c3;
	margin: 2em auto;
}

.entry-title.index-excerpt {

	font-size: 1.5em;
	
}

.entry-header .index-entry-meta{
	font-size: .8em;
}

.entry-content .index-excerpt{
	margin-top: .3em;
}

@media screen and (min-width: 30em){
	
	.entry-title.index-excerpt {
	
		font-size: 2em;
	}
	
	.index-entry-meta{
		font-size: 1em;
	}
	
	.index-entry-meta .byline,
	.index-entry-meta .posted-on,
	.index-entry-meta .comments-link {
		display: inline-block;
	}
	
	.index-entry-meta .byline::after,
	.index-entry-meta .comments-link::before {
		content: "|";
		padding: 0 1em;
	}
	
}

.continue-reading{
	text-align: center;
}

.continue-reading a, .entry-content 
.continue-reading a{
	display: inline-block;
	margin: 1em auto;
	padding: 1em 2em;
	font-family: "Fira Sans", sans-serif;
	text-decoration: none;
	border: 1px solid #c3c3c3;
}

.continue-reading a:hover,
.continue-reading a:focus,
.entry-content .continue-reading a:hover,
.entry-content .continue-reading a:focus {
	border-color: #000;
	border-width:1px;
	box-shadow: none;
}

.continue-reading a::after{
	content: "...";
}

.continue-reading::after{
	display: block;
	content: "";
	width: 7em;
	border-bottom: 1px solid #c3c3c3;
	margin: 4em auto 0;
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

.entry-content a, .entry-content a,
.entry-summary a, .entry-summary a{
    text-decoration:  none;
    border-bottom:  2px solid #c3c3c3;
}

.entry-content a:hover, .entry-content a:focus, 
.entry-content a:hover, .entry-content a:focus{
    border-bottom: 3px solid #c3c3c3;
    box-shadow: inset 0 -3px 0 #c3c3c3;
    
}

.entry-meta a, .entry-footer a{
    text-decoration: none;
}

.entry-meta a:hover, .entry-meta a:focus, 
.entry-footer a:hover, .entry-footer a:focus{
    border-bottom: 2px solid #000;
}

.sticky {
	position: relative;
	display: block;
}

.sticky::before {
	position: absolute;
	top: -1.5em;
	right: 0;
	display: block;
	font-family: "FontAwesome";
	content: "\f08d";
}

.hentry {
	margin: 0 0 1.5em;
        padding-bottom:  2em;
}

.single .hentry,
.page .hentry{
        padding-bottom: 0;
}

.entry-title{
     
        font-size: 3em;
        text-align: center;
        color: #000;
        word-wrap: break-word;
}

.entry-footer, .index-entry-meta{
	font-size: "Fira Sans", sans-serif;
	font-size: 95%;
	font-style: italic;
	text-align: center;
}

@media screen and (min-width: 40em){
	.entry-footer{
		padding: 0 1.5em;
	}
	
	.entry-footer span{
		margin: .5em 0;
	}
    .entry-title{
        font-size: 3em;
}
}

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

.entry-title a:hover, .entry-title a:focus{
    text-decoration: underline;
}

.deck{
        margin-bottom: 2.5em;
}

.deck p{
    text-align: center;
    font-size: 1.2em;
    line-height: 1.5em;
    font-weight: 600;
}

.entry-meta{
    
    font-family: "Merriweather", sans-serif;
    font-size: 95%;
    font-style: italic;
    text-align: center;
    background: #eee;
    margin: 0 -1.89473684211em;
    padding: 2em 1.89473684211em; 
   
/*1.89473684211*/

}

@media screen and (min-width: 57em){

    .entry-meta{
        position: relative;
        width: 100%;
        width: 100vw;
        left: 0;
        left: calc((-100vw + 51em) / 2 );
        overflow: hidden;
    }
    
}

.author-avatar{
    height: 50px;
    width: 50px;
    margin: 0 auto 1em;
}

.author-avatar img{
    border-radius: 50%;
}

.meta-content{
    padding: 2em;
}

.meta-content a{
    font-weight: 600;
}

@media screen and (min-width: 50em){
    
    .has-avatar{
        display: inline-block;
        text-align: left;
        width: 22em;
    }
    
    .author-avatar{
    height: 70px;
    width: 70px;
    float: left;
    margin-right: 1.5em;
    margin-bottom: 0;
}
    
}

.byline,
.posted-on, .entry-meta,
.comments-link {
	display: block;
        padding: 0;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-area {
    margin: 4em 0;
}


@media screen and (min-width: 40em){
    .comment-area{
        margin: 4em 1em;
    }
}

.comment-title{
    margin-bottom: 2em;
    font-size:  2em;
    text-align: center;
}

.comment-list{
    padding: 0;
    margin: 0;
}

.comment-list, comment-list ol{
    list-style-type: none;
}

.comment-body{
    border-bottom: 1px solid #c3c3c3;
    margin-bottom: 3em;
}

.comment-meta{
    position: relative;
    margin-left: 70px;
    font-family: "Merriweather", sans-serif;
    font-style: italic;
    font-size: 80%; 
   
}

time{
    color: #c3c3c3;
    font-size: 80%;
}

.comment .avatar{
    position: absolute;
    left: -70px;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    top: -5px;
}

.children{
    margin-left: 1em;
    padding-left: 0;
}

.reply{
    position: relative;
    top: -3em;
    margin: 1em;
    
}

.comment-reply-link {
    
    float:right;
    padding: .3em;
    display: block;
    border: 1px solid green;
 
}

.comment-reply-link:hover,
.comment-reply-link:focus{
    border: 1px solid #000;
    color: #fff;
    background-color: #000;
    text-decoration: none;
}

@media screen and (min-width: 30em){
    .children{
    margin-left: 2em;
    }
    
    .comment-meta{
    margin-left: 80px;
    font-size: 90%;
    }
    
    .comment .avatar{
    
    left: -80px;
    width: 60px;
    height: 60px;
    top: -7px;
}

.comment-content{
    margin-left: 80px;
}

}

@media screen and (min-width: 50em){
    
    .children {
        margin-left: 3em;
    }
    
    .comments-area{
        margin: 4em 3em;
        font-size: 1.1em;
    }
    
    .comment-meta{
        margin-left: 90px;
    }
    
    .comment .avatar{
        top: -8px;
        left: -90px;
        width: 70px;
        height: 70px;
    }
    
   
} 

.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}


/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	font-family: "Merriweather", sans-serif;
	max-width: 100%;
        font-style: italic;
}

.wp-caption .aligncenter{
    margin-top: 2em;
    margin-bottom: 2em;
}

.wp-caption .alignright, 
.wp-caption .alignleft{
    margin-top: 0;
    margin-bottom: 1.5em;
}

.wp-caption em{
    font-style: normal;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
        display: block;
        position: relative;
        margin: 1.5em 0 2em 2em;
        padding: 0 1em .5em;
        font-size: 90%;
        color: #333;
	border-right: 1px solid #c3c3c3;
        border-bottom: 1px solid #c3c3c3;
        text-align: center;
}

.wp-caption-text::before {
        
        position: absolute;
        top: -3px;
        left: 0;
        display: block;
        font-family: "FontAwesome";
        font-style: normal;
        color: #808080;
        content: '\f148';
        transform: rotate(90deg);
        
}

.aligncenter .wp-caption-text{
    text-align: center;
}

/*--------------------------------------------------------------
## Images
--------------------------------------------------------------*/

img.aligncenter{
    margin-top:  2em;
    margin-bottom: 2em;
}

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

.centered-image, .featured-image{
    max-width: calc(100% + 2.8em);
    margin: 1.5em -1.4em;
}

@media screen and (min-width: 30em){
   
.centered-image, .featured-image{
    max-width: calc(100% + 3.6em);
    margin: 1.5em -1.8em;
}
}

@media screen and (min-width: 50em){
   
    img.alignright, 
    .wp-caption.alignright{
        margin-right: -1.5em;
    }
    
    img.alignleft,
    .wp-caption.alignleft{
        margin-left: 0;
    }
    
    .centered-image{
    max-width: calc(100% + 6em);
    margin-right: -3em;
    margin-left: -3em;
}
}

@media screen and (min-width: 74em){
   
    img.alignright{
        margin-right: -3em;
    }
    
    img.alignleft{
        margin-left: 0;
    }
}

.featured-image{
	
	margin-top:-1.4em;
	margin-bottom: -1.2em;
}

@media screen and (min-width: 30em){
	
	.featured-image{

		margin-top:-1.8em;
	}
	
}

@media screen and (min-width: 50em){
	
	.featured-image{

		margin-top: 3em;
	}
	
}

.featured-image img{
	display: block;
	margin: 0 auto;
}

.featured-image a:hover img,
.featured-image a:focus img{
	outline: dotted;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em 0;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
        padding: 1em;
}

.gallery-item img{
    display: block;
}

.gallery-item a{
    display: inline-block;
    border-bottom: none;
}

.gallery-item a:hover,
.gallery-item a:focus{
    border-bottom: none;
    box-shadow: none;
}

.gallery-item a img{
    padding:  .5em;
    margin: 0 auto;
    border: 1px solid #fff;
}

.gallery-item a:hover img,
.gallery-item a:focus img{
    border-color: #c3c3c3;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

/*  SOCIAL MENU  */

.site-footer nav{
	display:block;
	text-align:center;
	margin:0 auto;
}

.social-menu ul{

	list-style: none;
	margin-left:-1.5em;

}

.social-menu ul li{
	display:inline-block;
	width: 46px;
	background:#999;
	margin-right:1em;
	height:46px;
	border-radius:23px;
	padding:3px ;
}

.social-menu ul  li:nth-child(1){
	background:#3b5998; }
	
.social-menu ul  li:nth-child(2){
	background:#517fa4;
}

.social-menu ul  li:nth-child(3){
	background:#bb0000;
	padding:2px;
}

.social-menu ul a {
	font-size:30px; }
	


.site-footer{
	padding: 1em;
	font-family: 'Fira Sans', sans-serif;
	text-align: center;
	color: #fff;
	background-color: #333; 
	border-top:5px solid #c0392b;
}

.site-info .column {
  float: left;
  width: 31.3333%;
  background: transparent;
  margin: 10px 1%;
  padding: 1%;
  text-align:center;
  border-top:3px solid #c0392b;
}

.site-info .column h4{
	text-transform:uppercase;
}

.site-info .column ul{
	list-style:none;
	position:relative;
	margin-left:-2em;
}

@media all and (max-width: 900px) {
.site-info .column {
    width: 48%
  }
}

@media all and (max-width: 500px) {
.site-info .column {
    width: 98%
  }
}

.copyright{
	position:relative;
	width:calc(100% + 2em);
	background:#c0392b;
	padding:1.5em;
	margin-bottom:-3em;
	left:-1em;
}
.site-footer a {
	color:#fff;
}

/*---------------------------------------------------------------------
		MARQUEE
---------------------------------------------------------------------*/


.marquee {  height: 100%; background-color: #ddd; margin-bottom:2em; }
.marquee * { font-family: 'Oswald', sans-serif; }

.marquee .marquee_data { display: none; }

.marquee .marquee_stage_large { height: inherit; overflow: hidden; top:-495px; background:cover; }

.marquee .marquee_container_1, .marquee .marquee_container_2 { 
	height: inherit; position: absolute; top: 0px; left: 0px; width: 100%; }
.marquee .marquee_container_1 { z-index: 101; }
.marquee .marquee_container_2 { z-index: 102; }

.marquee .marquee_panel { height: inherit; position: absolute; top: 0px; left: 0px; width: 100%; text-align: center; 
	background-repeat: no-repeat; background-position: 45% 0px; }

.marquee .marquee_panel .panel_caption {
	display:none;
	width: 400px;
	margin-left:-200px;
	background: rgba(255,255,255,.7);
	position: absolute; bottom: 0px; left: 50%;
	text-align: center;
	padding: 15px 15px 65px 20px;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
}
.marquee .marquee_panel .panel_caption * { color: #000000; line-height: 20px; }
.marquee .marquee_panel .panel_caption h3 { margin: 0px 0px 8px 0px; font-weight: normal; font-size: 1.8em; }
.marquee .marquee_panel .panel_caption p { margin: 0px 0px 15px 0px; color: #888; font-size: 1.1em; }
.marquee .marquee_panel .panel_caption a, .marquee .marquee_panel .panel_caption a:visited { color: #000000; text-decoration: underline; }
.marquee .marquee_panel .panel_caption a:hover { text-decoration: none; }

.marquee .marquee_nav { z-index: 103; position: absolute; bottom: 20px; left: 50%; text-align: center; width: 400px; margin-left:-200px; padding: 0px 0px 0px 23px; }
.marquee .marquee_nav div {
	transition: background-color 1s linear;
	display: inline-block; width: 15px; height: 15px;
	background-color: rgba(255,255,255,.8);
	border: 2px solid #888;
	border-radius: 50%;
	margin: 0px 10px 0px 0px;
	cursor: pointer;
	
}

.marquee .marquee_nav div:hover { background-color: rgba(0,0,0,.2); transition: background-color .1s linear; }

.marquee .marquee_nav div.selected { background-color: rgba(0,0,0,.5); }

/*  small screen */
.marquee .marquee_stage_small { height: inherit; position: relative; overflow: hidden; }
.marquee .marquee_stage_small .marquee_panel { height: inherit; position: absolute; top: 0px; left: 0px; width: 100%; }

.marquee .marquee_stage_small .marquee_panel .panel_content { display: none; }

@media screen and (max-width: 950px) {
	.marquee {  max-width: calc(100% + 4em); margin: 1.5em -2em; height:420px; }
}

@media screen and (max-width: 600px) {

	.marquee { height: 220px; margin-bottom:1em;  display:none;}
	.marquee .marquee_panel { background-size: cover; background-position: 75% 0px; }
	.marquee .marquee_stage_large { overflow: visible; }
	.marquee .marquee_nav { bottom: -35px; }
	.marquee .marquee_panel .panel_caption { display:none;}
	.marquee .marquee_panel .panel_caption h3 { display:none; }
	
}