/*
Theme Name: MAINE
Theme URI: http://www.unitedthemes.com/themes/maine
Author: UNITED THEMES
Author URI: http://www.unitedthemes.com
Description: A response blogging theme for smart blogger
Version: 2.0
Requires PHP: 5.6
Tested up to: 5.5
License: Custom
License URI: http://themeforest.net/licenses
Tags: one-column, two-columns, three-columns
Text Domain: unite
*/

/*
##########################################################################################

MAINE THEME BY UNITED THEMES 
WWW.UNITEDTHEMES.COM

UNITE FRAMEWORK BY UNITED THEMES
WWW.UNITEFRAMEWORK.COM

MAINE THEME DESIGNED BY MARCEL MOERKENS
MAINE THEME DEVELOPED BY MARCEL MOERKENS & MATTHIAS NETTEKOVEN 

POWERED BY UNITED THEMES - WEB DEVELOPMENT FORGE EST.2011

COPYRIGHT 2011 - 2015 ALL RIGHTS RESERVED BY UNITED THEMES

##########################################################################################
*/

/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* NOTE
So basically 1.5rem = 15px :) */

html {
    font-size: 62.5%;
}
body {
    font-size: 1.4em; /* currently ems cause chrome bug misinterpreting rems on body element */
    font-weight: 400;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}
*{
    outline:none;   
}
*, 
*:after, 
*::before {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */

h1, h2, h3, h4, h5, h6 {
    -moz-hyphens:auto;
    margin-top: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-weight:400;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    clear: both;
    letter-spacing: -0.03em;
    font-weight: 600;
}
p {
    margin-top: 0;
    line-height: 1.6; 
}
b,
strong {
	font-weight: bold;
}
dfn,
cite,
em,
i {
	font-style: italic;
}
address {
	margin:0 0 1.5em 0;
    font-style: italic;
}
code,
kbd,
tt,
var,
samp,
pre {
	font-family: Inconsolata, monospace;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}
pre {
	background:#FFFFFF;
	border: 1px solid #EEEEEE;
	line-height: 1.2;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 30px;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
    margin-top:0;
}
abbr[title] {
	border-bottom: 1px dotted #eaeaea;
	border-bottom: 1px dotted rgba(51, 51, 51, 0.1);
	cursor: help;
}
mark,
ins {
	background-color: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
small {
	font-size: 75%;
}
big {
	font-size: 125%;
}

/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

button,
.button {
    margin-bottom: 30px; 
}
input,
textarea,
select,
fieldset {
    margin-bottom: 30px;
}
p,
pre,
blockquote,
dl,
figure,
table,
ul,
ol,
.entry-content p input[type="submit"] {
    margin-bottom: 30px; 
}
.entry-content p input,
.entry-content p textarea {
    margin-top:7.5px;
}
form,
form > p,
p input[type="submit"] {
    margin-bottom: 0; 
}

/* Blockquotes
–––––––––––––––––––––––––––––––––––––––––––––––––– */

blockquote {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-weight:600;
    line-height: 1.1;
    font-size:2rem; 
    margin:30px;
    text-align:center;   
}
@media (max-width: 400px) {
 blockquote {
     margin-left:0;
     margin-right:0;
 }
}
@media (min-width: 1025px) {
blockquote {
    margin-left:0;
}
}
blockquote p {
    padding:30px;  
}
blockquote cite {
    font-size: 1.2rem;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-weight: 600;
    display:block; 
    line-height: 1.1;
    margin-top: 15px;
}
blockquote em,
blockquote i,
blockquote cite {
	font-style: normal;
}

blockquote strong,
blockquote b {
	font-weight: 400;
}

/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */

a {
    text-decoration:none;
    -webkit-transition:all 0.2s ease-in-out 0s;
    -moz-transition:all 0.2s ease-in-out 0s;
    transition:all 0.2s ease-in-out 0s;
    outline:none;
    font-weight: 600;
}
.logged-in-as a {
    font-weight: bold;
}
a:hover,
a:focus,
a:active {
    outline:none;
}
.entry-content p > a {
    text-decoration:underline;
}
#ut-topHeader a {
    display:block;
    height:100%;
}
#nav-below a,
.post-navigation .nav-links a {
    text-decoration:underline;
    font-weight: bold;
}
.wp-caption-text a {
    color:#000000;
    text-decoration:underline;
}
.wp-caption-text a:hover,
.wp-caption-text a:focus,
.wp-caption-text a:active {
    color:#000000;
    text-decoration:none;
}

/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    display: inline-block;
    font-size: 1.1rem;
    letter-spacing: 0.05em;
    padding: 0 30px;
    height: 38px;
    font-weight: bold;
    text-align: center;
    line-height: 1.1;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    box-sizing: border-box;
    -webkit-transition:color 0.2s ease-in-out 0s;
    -moz-transition:color 0.2s ease-in-out 0s;
    transition:color 0.2s ease-in-out 0s;
    -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */ 
}

/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */

input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
    height: 38px;
    padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
    background:#FFFFFF;
    border: 1px solid #DDDDDD;
    box-sizing: border-box;
    width:100%;
    max-width:100%;
    font-size: 1.5rem;
}

/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; 
}
.widget-container input[type="email"],
.widget-container input[type="number"],
.widget-container input[type="search"],
.widget-container input[type="text"],
.widget-container input[type="tel"],
.widget-container input[type="url"],
.widget-container input[type="password"],
.widget-container textarea,
.widget-container select {
    font-size: 1.1rem;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}
.widget-container input[type="email"]:focus,
.widget-container input[type="number"]:focus,
.widget-container input[type="search"]:focus,
.widget-container input[type="text"]:focus,
.widget-container input[type="tel"]:focus,
.widget-container input[type="url"]:focus,
.widget-container input[type="password"]:focus,
.widget-container textarea:focus,
.widget-container select:focus 
.widget-container .widget_search :focus {
    text-transform:none;
}
textarea {
    min-height: 250px;
    padding-top: 6px;
    padding-bottom: 6px; 
}
textarea#comment{
    margin-bottom: 0;
}
label,
legend {
    margin-bottom:2.5px;
    display: block;
}
label,
legend,
form > p,
div.wpcf7-response-output {
    font-size: 0.9rem;
    letter-spacing: 0.05em;
    font-weight: bold;
    text-transform: uppercase; 
}
.comment-form-cookies-consent {
    margin-bottom: 30px;
    display: flex;
}
.comment-form-cookies-consent label {
    margin-left: 10px;
}
#wp-comment-cookies-consent {
    margin: 0 !important;
}
div.wpcf7-response-output {
    padding:0 1px;
    margin:30px !important;
    display:inline-block !important;
}

div.wpcf7-response-output:empty {
    display:none !important;
}

:invalid {
  box-shadow: none;
}
:-moz-submit-invalid {
  box-shadow: none;
}
:-moz-ui-invalid {
  box-shadow:none;
}
fieldset {
    padding: 0;
    border-width: 0; 
}
input[type="checkbox"],
input[type="radio"] {
    display: inline; 
}
label > .label-body {
    display: inline-block;
    margin-left: 7.5px;
    font-weight: normal;
}

/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */

ul {
    list-style: circle inside; 
}
ol {
    list-style: decimal inside; 
}
ol, 
ul {
    padding-left: 0;
    margin-top: 0; 
}
ul ul,
ul ol,
ol ol,
ol ul {
    margin: 1.5rem 0 1.5rem 3rem; 
}
li {
    margin-bottom: 1.5rem; 
}
dt {
    font-weight:bold;
}
dd {
    margin: 0 0 1.5rem 0;
}

/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */

table {
    width:100%;
}
th,
td {
    padding: 12px 15px;
    text-align: left;
    border-bottom: 1px solid #DDDDDD; 
}
th:first-child,
td:first-child {
    padding-left: 0; 
}
th:last-child,
td:last-child {
    padding-right: 0; 
}

/* Captions & WP Gallery
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}
.wp-caption {
    display:block;
	max-width: 100% !important;
    position:relative;
    margin-bottom:30px;
}
.wp-caption-text {
    font-size: 1.3rem;
    position:absolute;
    left:15px;
    bottom:15px;
    margin:0;
    padding:5px;
    line-height:inherit;
    width:auto;    
}
@media (max-width: 1024px) {
.wp-caption-text {
    position:relative;
    left:0;
    bottom:0     
}    
}
.gallery {
	margin-bottom:0;
    margin-left:-1.79104477%;
    margin-right:-1.79104477%;
}
.gallery-item {
	display: inline-block;
	padding:0 1.79104477% 0;
	text-align: center;
	vertical-align: top;
	width: 100%;
    margin-top:0;
    margin-bottom:30px;
}
.gallery-item img {
    border:none;
}
.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-icon img {
	margin: 0 auto;
}
.gallery-caption.wp-caption-text {
	color:#000000;
	display: block;
	font-size: 1rem;
	line-height: 1.1;
	padding:0.5em 0 0;
    background:none;
    position:inherit;
    top:0;
    left:0;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}

/* Lightbox
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.mfp-title strong {
    padding:4px 5px;
}
.mfp-close:hover, 
.mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100);
    background:transparent;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity:1;
}
.mfp-arrow::before, .mfp-arrow .mfp-b {
    opacity:1;
    filter: alpha(opacity=100);
}
.mfp-arrow {
    opacity:1;
    filter: alpha(opacity=100);
}
.mfp-arrow:hover,
.mfp-arrow:focus {
    background:transparent !important;
}
img.mfp-img {
    padding:0;
}
.mfp-figure  {
    border:15px solid #FFFFFF;
}
.mfp-bottom-bar {
    margin-top:4px !important;
}
.mfp-image-holder .mfp-close, 
.mfp-iframe-holder .mfp-close {
    top:-35px !important;   
}

/* Alignments
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 30px;
    position:relative;
    margin-bottom:30px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 30px;
    position:relative;
    margin-bottom:30px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 30px auto;
}
.wp-caption-text-hidden {
    display: none;
}
@media screen and (max-width: 400px)  {
.wp-caption.alignleft,
.wp-caption.alignright {
    float:none;
    margin:0 0 30px 0;
    display:block;   
}
}
@media screen and (max-width: 767px) {
.wp-caption.alignleft,
.wp-caption.alignright {
    margin-bottom:30px;    
}
}

/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.ut-full-width {
    width: 100%;
    box-sizing: border-box; 
}
.ut-max-full-width {
    max-width: 100%;
    box-sizing: border-box; 
}
.ut-pull-right {
    float: right; 
}
.ut-pull-left {
    float: left; 
}

/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}
a img,
p img {
    vertical-align:bottom;
}
p img.wp-smiley {
    vertical-align:inherit;
}
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}
audio,
canvas {
	display: inline-block;
}
p > embed,
p > iframe,
p > object,
p > video {
	margin-bottom: 0;
}
hr {
    margin-top: 0;
    margin-bottom: 60px;
    border-width: 0;
    border-top: 1px dotted #DDDDDD; 
}
.bypostauthor {
    color:#333333;
}
.ut-facebook-widget .widget-title {
    margin-bottom:20px !important;
}
.wp-audio-shortcode {
    margin-bottom:30px;
}
.entry-content .twitter-tweet-rendered {
    width: 100% !important;
}
.entry-content iframe.twitter-tweet-rendered {
    margin:0 0 30px !important;   
}
.tweet_text {
    font-weight: 600 !important;
}
.ut-add-margin-bottom-30 {
    margin-bottom:30px !important;   
}
.ut-remove-margin-bottom {
    margin-bottom:0 !important;
}
.ut-remove-padding-bottom {
    padding-bottom:0 !important;
}
.ut-featured-media {
    margin-bottom:30px;
}
.ut-active {
    display:block;
}
.ut-hide {
    display:none;   
}
.screen-reader-text {
    display:none;	
}

/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/

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

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

@media screen and (min-width: 768px) and (max-width: 1024px) {}

@media screen and (min-width: 1025px) {}