/*
Theme Name: La Sorciere - Responsive WordPress Dark Theme
Theme URI: http://themeforest.net/user/virtuti/portfolio
Description: La Sorciere - Responsive WordPress Dark Theme
Author: Virtuti
Author URI: http://themeforest.net/user/virtuti
Version: 1.01
Tags: dark, red, black, one-column, two-columns, left-sidebar, right-sidebar, flexible-width, editor-style, featured-image-header, featured-images, post-formats, sticky-post, translation-ready
Text Domain: virtuti
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

@import url("css/colours.css");
@import url("css/forms.css");

/* ------------------------------------------------------------------------------------
--  1. RESET
------------------------------------------------------------------------------------ */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, 
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* ------------------------------------------------------------------------------------
--  PRELOADER
------------------------------------------------------------------------------------ */
#preloader {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#000; /* change if the mask should have another color then white */
	z-index:100; /* makes sure it stays on top */
}
@media screen and (max-width: 640px) {
#preloader {
   display:none;
  }
}
#status {
	width:200px;
	height:200px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	background-image:url(images/loader.gif); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:-100px 0 0 -100px; /* is width and height divided by two */
}
/* ------------------------------------------------------------------------------------
--  CUSTOM FONTS AND TYPOGRAPHY
------------------------------------------------------------------------------------ */
@font-face {
    font-family: 'JosefinSlabThin';
    src: url('fonts/JosefinSlab-Thin-webfont.eot');
    src: url('fonts/JosefinSlab-Thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/JosefinSlab-Thin-webfont.ttf') format('truetype'),
         url('fonts/JosefinSlab-Thin-webfont.svg#JosefinSlabThin') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bitstream_vera_serifroman';
    src: url('fonts/verase-webfont.eot');
    src: url('fonts/verase-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/verase-webfont.ttf') format('truetype'),
         url('fonts/verase-webfont.svg#bitstream_vera_serifroman') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'sosa';
    src: url('fonts/sosa-regular-webfont.eot');
    src: url('fonts/sosa-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sosa-regular-webfont.ttf') format('truetype'),
         url('fonts/sosa-regular-webfont.svg#sosa') format('svg');
    font-weight: normal;
    font-style: normal;
}
.icon{
	font-family:'Sosa';
}
.lowercase{
	text-transform:lowercase;
}
@font-face {
    font-family: 'FloraliaRegular';
    src: url('fonts/Floralia-webfont.eot');
    src: url('fonts/Floralia-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Floralia-webfont.ttf') format('truetype'),
         url('fonts/Floralia-webfont.svg#FloraliaRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.floral{
    font-family: 'FloraliaRegular';	
}
@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot');
	src:url('fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('fonts/icomoon.ttf') format('truetype'),
		url('fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* ------------------------------------------------------------------------------------
--  TAGS
------------------------------------------------------------------------------------ */
::selection{
	color:#fff;
	background:#020F15;
}
::-moz-selection{
	color:#fff;
	background:#020F15;
}
img{
	max-width:100%;
	height:auto;
}
a{
	text-decoration:none;
	outline:none;
	-moz-transition: 500ms ease-in;
    -o-transition: 500ms ease-in;
    -webkit-transition: 500ms ease-in;
    -ms-transition: 500ms ease-in;
    transition: 500ms ease-in;
    color:#CA140A;
    opacity:1;
    filter: alpha(opacity = 100);
}
/* ------------------------------------------------------------------------------------
--  STRUCTURE
------------------------------------------------------------------------------------ */
html, body { 
	width:100%;
    height: 100%;
	margin:0;
	padding:0;
	background:000;
    font-family:'bitstream_vera_serifroman', Georgia, serif;
    font-size:100%;	
	color:#808080;
	line-height:1.6em;
    background: #000 url('https://www.diegomassa.com/wp-content/uploads/2017/09/mappa.jpg') no-repeat top center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -khtml-background-size: cover;
    background-size: cover;	
}
@media screen and (max-width: 960px) {
html, body{
    background:#031118;
}
}
body.archive{
    font-family:'bitstream_vera_serifroman', Georgia, serif;
    font-size:100%;	
	color:#808080;	
}
#wrapper{
    position:fixed;
    height:1000px;
    top:0;
    left:0;
    width:100%;
    background:rgba(0,0,0,0.2);
	-moz-transition: 500ms ease-in;
    -o-transition: 500ms ease-in;
    -webkit-transition: 500ms ease-in;
    -ms-transition: 500ms ease-in;
    transition: 500ms ease-in;
}
#wrapper:hover{
	background:rgba(0,0,0,0.5);
}
/* ------------------------------------------------------------------------------------
--  GENERAL DIVS AND TAGS FOR ALL PAGES (REUSABLE)
------------------------------------------------------------------------------------ */
/*----------------------CONTACT PANEL---------------------------------------*/
#contact{
	position:fixed;
	right:0;
	top:0;
	width:100%;
	background:#01080C;
	z-index:2;
}
@media screen and (max-width: 960px) {
#contact{
	z-index:4;
  }
}
#contact a{
	display:inline-block;
	border:1px solid rgba(255,255,255,0.2);
	box-shadow:0 1px 1px #000;
	color:#01080C;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:1.2em;
}
#contact a:hover{
	color:#f0f0f0;
}
#contact-panel{
	display:none;
	float:left;
	width:100%;
}
#contact-panel ul{
	float:left;
	list-style:none;
	margin:0;
}
.panel-homepage{
	margin:22px 0 22px 720px;	
}
@media screen and (max-width: 1440px) {
.panel-homepage{
	margin:22px 0 22px 700px;
  }
}
@media screen and (max-width: 1080px) {
.panel-homepage{
	margin:22px 0 22px 660px;
  }
}
@media screen and (max-width: 960px) {
.panel-homepage{
	margin:22px 0 22px 20px;
  }
}
.panel-innerpage{
	margin:22px 0 22px 140px;
}
@media screen and (max-width: 1024px) {
.panel-innerpage{
	margin:22px 0 22px 2%;
  }
}
#contact-panel li{
	float:left;
	margin-right:10px;
}
#contact-panel li h4{
	margin-bottom:0;
}
#contact-panel li:last-child{
	margin-right:0;	
}
#contact h4{
	color:#f0f0f0;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:0.2em;
	font-size:0.7em;
	line-height:40px;
}
/*----------------------MUSIC PLAYER---------------------------------------*/
#player-button{
	position:fixed;
	bottom:180px;
	right:0;
	z-index:2;
	padding:0.5em 1em;
	background:#01080C;
	color:#f0f0f0;
}
@media screen and (max-width: 960px) {
#player-button{
	display:none;
  }
}
#player-button a{
	color:#808080;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:0.2em;
	font-size:0.7em;
}
.player-panel{
	position:fixed;
	bottom:240px;
	right:0;
	z-index:2;
	width:400px;
    height: auto;
	background:#01080C;
	display:none;
}
@media screen and (max-width: 1080px) {
.player-panel{
	width:340px;
  }
}
@media screen and (max-width: 960px) {
.player-panel{
	display:none;
  }
}
.player-panel p{
	font-size:0.8em;
	padding:0.5em 0;
}
/* ------------------------------------------------------------------------------------
--  READ MORE BUTTON
------------------------------------------------------------------------------------ */
a.readmore{
	display:inline-block;
	border:1px solid rgba(255,255,255,0.2);
	color:#fff;
	text-transform:uppercase;
	letter-spacing:0.2em;
}
.type1{
	float:right;	
	box-shadow:0 1px 1px #000;
	font-size:0.6em;
	padding:0.3em 2em;
	margin-top:30px;
}
.type1:hover{
	background:#CA140A;
	border:1px solid rgba(255,255,255,0.2);
}
.type2{
	float:left;
	margin:0 0 0 4%;
	box-shadow:0 1px 100px rgba(0,0,0,0.5);
	font-size:0.7em;
	padding:0.3em 0.8em;
}
.type2:hover{
	background:#01080C;
	border:1px solid rgba(255,255,255,0.2);
}
.type3{
	display:table!important;
	margin:0 auto;
	box-shadow:0 1px 100px rgba(0,0,0,0.5);
	font-size:0.6em;
	padding:0.3em 1.2em;
}
.type3:hover{
	background:#01080C;
	border:1px solid rgba(255,255,255,0.2);
}
.about-button{
	float:left;
	width:100%;
	margin:20px 0 10px 0;
}
.button-box-wrap{
	float:left;
	width:720px;
	height:100px;
	margin-bottom:40px;
	position:relative;
	clear:both;
}
@media screen and (max-width: 768px) {
.button-box-wrap{
	width:96%;
	margin-bottom:60px;
  }
}
@media screen and (max-width: 480px) {
.button-box-wrap{
	margin-bottom:40px;
	height:auto;
  }
}
.icon-arrow-right:before {
	content: "\e00d";
}
.btn{
	overflow: hidden;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;	
}
.btn:before {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	position: relative;
	-webkit-font-smoothing: antialiased;
	position: absolute;
	height: 100%;
	font-size: 110%;
	line-height: 3em;
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	left: 130%;
	top: 0;
}
.btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.btn:hover:before {
	left: 85%;
}
/* ------------------------------------------------------------------------------------
--  NAVIGATION
------------------------------------------------------------------------------------ */
nav#main-nav{
	position:fixed;
	bottom:0;
	right:0;
	z-index:2;
	width:100%;
	height:50px;
	background:#01080C;
	border-top:4px solid #CA140A;
	box-shadow:0 10px 100px rgba(0,0,0,0.8);
}
@media screen and (max-width: 768px) {
nav#main-nav{
	height:auto;
  }
}
@media screen and (max-width: 480px) {
nav#main-nav{
	position:relative;
	float:left;
  }
}
nav#main-nav li{
	float:left;
	list-style:none;
	background:#01080C;
}
@media screen and (max-width: 480px) {
nav#main-nav li{
	width:100%;
  }
}
nav#main-nav ul li a{
	display:block;
	color:#ca140a;
	text-transform:uppercase;
	font-size:0.7em;
	letter-spacing:0.1em;
	padding:0 1.5em;
	border-left:1px solid rgba(255,255,255,0.1);
}
@media screen and (max-width: 768px) {
nav#main-nav ul li a{
	border-left:none;
  }
}
nav#main-nav a:hover{
	color:#f0f0f0;
}
nav#main-nav .current-menu-item a{
	color:#808080;
}
ul.menu{
	float:right;
	list-style:none;
	position:relative;
}
@media screen and (max-width: 768px) {
ul.menu{
	float:left;
	width:100%;
  }
}
ul.menu li{
	line-height:50px;
}
ul.sub-menu{
	position:absolute;
	bottom:50px;
    display:none;
}
@media screen and (max-width: 480px) {
ul.sub-menu{
	position:relative;
	float:left;
	bottom:auto;
	border-left:none;
  }
}
ul.sub-menu li{
	width:100%;
    border-right:none;
    border-left:none;
    border-bottom:1px solid rgba(255,255,255,0.1);
}
ul.sub-menu li:last-child{

}
#copyright{
	float:left;
	line-height:50px;
	font-size:0.6em;
	text-transform:uppercase;
}
@media screen and (max-width: 768px) {
#copyright{
	line-height:normal;
	margin:0 0 20px 1.5em; 
  }
}
.copyright-inner{
	margin:0 0 0 140px;
}
@media screen and (max-width: 1024px) {
.copyright-inner{
	margin:0 0 0 2%;
  }
}
.copyright-home{
	margin:0 0 0 20px;	
}
/* ------------------------------------------------------------------------------------
--  SECONDARY NAVIGATION FOR COMING SOON PAGE
------------------------------------------------------------------------------------ */
nav#secondary-nav{
	float:left;
	width:100%;
	height:50px;
	background:#01080C;
	border-top:4px solid #CA140A;
	box-shadow:0 10px 100px rgba(0,0,0,0.8);
}
@media screen and (max-width: 768px) {
nav#secondary-nav{
	height:auto;
  }
}
nav#secondary-nav li{
	float:left;
	list-style:none;
	background:#01080C;
}
nav#secondary-nav ul li a{
	display:block;
	color:#ca140a;
	text-transform:uppercase;
	font-size:0.7em;
	letter-spacing:0.1em;
	padding:0 1.5em;
	border-left:1px solid rgba(255,255,255,0.1);
}
@media screen and (max-width: 768px) {
nav#secondary-nav ul li a{
	border-left:none;
  }
}
nav#secondary-nav a:hover{
	color:#f0f0f0;
}
nav#secondary-nav .current-menu-item a{
	color:#808080;
}
.copyright-comingsoon{
	margin:0 0 0 1.5em;	
}
/* ------------------------------------------------------------------------------------
--  HOMEPAGE
------------------------------------------------------------------------------------ */
h1#logo a{
	color:#f0f0f0;	
	text-shadow:0 1px 1px rgba(0,0,0,0.5);
	font-size:2em;
	letter-spacing:0.1em;
	position:fixed;
	top:60px;
	right:60px;
}
@media screen and (max-width: 1080px) {
h1#logo a{
		display:none;
	}
}
#circle{
	width:470px;
	height:540px;
	position:fixed;
	top:180px;
	left:720px;
	background:url(https://www.diegomassa.com/wp-content/uploads/2024/09/main-over-small-2.png) no-repeat;
	-moz-transition: 500ms ease-in;
    -o-transition: 500ms ease-in;
    -webkit-transition: 500ms ease-in;
    -ms-transition: 500ms ease-in;
    transition: 500ms ease-in;
}
@media screen and (max-width: 1440px) {
#circle{
	width:430px;
	height:494px;
	top:160px;
	left:700px;
	background: url(https://www.diegomassa.com/wp-content/uploads/2024/09/main-over-small-2.png) no-repeat;
  }
}
@media screen and (max-width: 1366px) {
#circle{
	top:120px;
  }
}
@media screen and (max-width: 1080px) {
	#circle{
		display:none;
	}
}
#circle:hover {
	background:url(/wp-content/uploads/2024/09/invisibilleround.png) no-repeat;	
}
@media screen and (max-width: 1440px) {
#circle:hover{
	background:url(/wp-content/uploads/2024/09/invisibilleround.png) no-repeat;
  }
}
#circle-inner{
	float:left;
	width:400px;
	height:400px;
	border-radius:50%;
	margin:70px;
	opacity:1;
    filter: alpha(opacity = 100);
	-moz-transition: 500ms ease-in;
    -o-transition: 500ms ease-in;
    -webkit-transition: 500ms ease-in;
    -ms-transition: 500ms ease-in;
    transition: 500ms ease-in;
}
@media screen and (max-width: 1440px) {
#circle-inner{
	width:365px;
	height:365px;
	margin:65px;
  }
}
#circle-inner:hover{
	opacity:0;
    filter: alpha(opacity = 0);
}
#circle-inner p{
    margin:160px 0 0 0;
	text-align:center;
    font-family: 'JosefinSlabThin';
    font-size:1.4em;
    line-height:1.3em;
	-moz-transition: 500ms ease-in;
    -o-transition: 500ms ease-in;
    -webkit-transition: 500ms ease-in;
    -ms-transition: 500ms ease-in;
    transition: 500ms ease-in;
	opacity:1;
    filter: alpha(opacity = 100);
}
#circle-inner p:hover{
	opacity:0;
    filter: alpha(opacity = 0);	
}
/*----------------------TRIGGERING PANEL FOR HOME PAGE WIDGETS---------------------------------------*/
.trigger-wrap{
	position:fixed;
	top:270px;
	left:1080px;
	height:90px;
	width:90px;
	border-radius:50%;
	background: #04141b;
	z-index:5;
}
@media screen and (max-width: 1440px) {
.trigger-wrap{
	top:240px;
	left:1030px;
	height:80px;
	width:80px;
  }
}
@media screen and (max-width: 1366px) {
.trigger-wrap{
	top:190px;
	left:1010px;
  }
}
a.trigger{
	display:block;
	color:#f0f0f0;
	height:90px;
	width:90px;
	background:;
	text-align:center;
}
@media screen and (max-width: 1440px) {
a.trigger{
	height:80px;
	width:80px;
  }
}
a.trigger .icon{
	line-height:90px;
	display:table;
	margin:0 auto;
	font-size:1.2em;
}
@media screen and (max-width: 1440px) {
a.trigger .icon{
	line-height:80px;
  }
}
a.trigger .close{
	display:none;	
}
a.active.trigger .close{
    display:inline;
}
a.active.trigger .plus{
	display:none;
}
.panel-home{
	width:420px;
    height: auto;
    position: fixed;
	top:160px;
	right:0;
	z-index:2;
    display: none;
}
@media screen and (max-width: 1440px) {
.panel-home{
	bottom:100px;
	top:auto;
  }
}
@media screen and (max-width: 1366px) {
.panel-home{
	bottom:60px;
	top:auto;
  }
}
/* ------------------------------------------------------------------------------------
--  CONTENT HOMEPAGE
------------------------------------------------------------------------------------ */
#small-device{
	display:none;
}
@media screen and (max-width: 1080px) {
#small-device{
	display:block;
	position:relative;
	z-index:10;
	width:650px;
  }
}
@media screen and (max-width: 960px) {
#small-device{
	width:100%;
  }
}
#tomenu{
	display:none;
	margin:0 0 40px 0;
}
#tomenu a{
	display:table;
	margin:0 auto;
	padding:1em;
	background:#CA140A;
	border:1px solid rgba(255,255,255,0.1);
	color:#fff;
	text-transform:uppercase;
	font-size:0.9em;
}
@media screen and (max-width: 480px) {
#tomenu{
	display:block;
	position:relative;
	z-index:3;
  }
}
#content-box{
	float:left;
	width:720px;
	margin:-20px 0 0 0;
}
@media screen and (max-width: 960px) {
#content-box{
	width:100%;
  }
}
.post-box-wrap{
	float:left;
	width:720px;
	margin-bottom:40px;
	position:relative;
	z-index:3;
}
@media screen and (max-width: 1080px) {
.post-box-wrap{
	z-index:1;
  }
}
@media screen and (max-width: 960px) {
.post-box-wrap{
	width:100%;
  }
}
.post-box{
	float:left;
	width:700px;
}
@media screen and (max-width: 960px) {
.post-box{
	width:100%;
  }
}
.post-box-content{
	float:left;
	width:650px;
	background:#01080c url(images/dark-bg.png);
	background-repeat:repeat-y;
	box-shadow:0 10px 100px rgba(0,0,0,0.8);
	border-top:1px solid rgba(255,255,255,0.08);
}
@media screen and (max-width: 960px) {
.post-box-content{
	width:100%;
  }
}
.post-short{
	float:left;
	width:88%;
	margin:4%;
	padding:4% 0 4% 4%;
	background:#01080c;
}
@media screen and (max-width: 960px) {
.post-short{
	position:relative;
  }
}
@media screen and (max-width: 480px) {
.post-short{
	padding:6% 0 6% 4%;
  }
}
@media screen and (max-width: 320px) {
.post-short{
	width:84%;
	padding:6% 4%;
  }
}
/*---------------------POST DATE---------------------------*/
.post-box-content .date-inner{
	position:absolute;
	top:70px;
	right:0;
	background:#01080C;
	padding:10px;
	width:50px;
	height:50px;
	text-align:center;
	line-height:normal;
}
@media screen and (max-width: 960px) {
.post-box-content .date-inner{
	top:0;
  }
}
@media screen and (max-width: 480px) {
.post-box-content .date-inner{
	display:none;
  }
}
.post-box-inner .date-inner{
	position:absolute;
	top:50px;
	right:-70px;
	background:#01080c;
	padding:10px;
	width:50px;
	height:50px;
	text-align:center;
	line-height:normal;
}
@media screen and (max-width: 960px) {
.post-box-inner .date-inner{
	top:0;
	right:0;
  }
}
@media screen and (max-width: 480px) {
.post-box-inner .date-inner{
	display:none;
  }
}
.month{
    text-transform:uppercase;
    font-size:0.65em;
    letter-spacing:0.2em;
    margin-bottom:6px;
}
.date{
	font-family: 'JosefinSlabThin';
    font-size:1.9em;
}
/*----------------POST HEADER------------------*/
header.post-header{
	float:left;
	width:100%;
	text-align:center;
	margin-bottom:30px;
	padding-bottom:20px;
	border-bottom:1px solid rgba(255,255,255,0.1);
}
header.post-header .floral{
	font-size:2em;
	display:inline-block;
	margin-bottom:14px;
}
header.post-header h2{
	font-size:1em;
    text-transform:uppercase;
    line-height:1.5em;	
}
header.post-header h2 a{
	color:#808080;
    opacity:1;
    filter: alpha(opacity = 100);
}
header.post-header h2 a:hover{
	color:#808080;
    opacity:0.7;
    filter: alpha(opacity = 70);
}
/*----------------PAGE HEADER------------------*/
header.page-header{
	float:left;
	width:100%;
	text-align:center;
	margin-bottom:30px;
	padding-bottom:20px;
	border-bottom:1px solid rgba(255,255,255,0.1);
}
header.page-header .floral{
	font-size:2em;
	display:inline-block;
	margin-bottom:14px;
}
header.page-header h2{
	font-size:1.1em;
    text-transform:uppercase;
    line-height:1.5em;	
}
header.page-header h2 a{
	color:#808080;
    opacity:1;
    filter: alpha(opacity = 100);
}
header.page-header h2 a:hover{
	color:#808080;
    opacity:0.7;
    filter: alpha(opacity = 70);
}
/*----------------PAGE HEADER CUSTOM PAGE------------------*/
header.page-header-custom{
	float:left;
	width:100%;
	text-align:center;
    background:#01080C;
    padding:40px 0 0 0;
}
header.page-header-custom .floral{
	font-size:2em;
	display:inline-block;
	margin-bottom:14px;
}
header.page-header-custom h2{
	font-size:1.1em;
    text-transform:uppercase;
    line-height:1.5em;	
    margin-bottom:0!important;
}
header.page-header-custom h2 a{
	color:#808080;
    opacity:1;
    filter: alpha(opacity = 100);
}
header.page-header-custom h2 a:hover{
	color:#808080;
    opacity:0.7;
    filter: alpha(opacity = 70);
}
/*----------------POST BODY------------------*/
.post-body{
	float:left;
	width:100%;
}
.post-body figure{
	float:left;
	width:100px;
	height:100px;
	margin-right:30px;
}
@media screen and (max-width: 320px) {
.post-body figure{
	display:none;	
	}
}
.post-body p{
	overflow:hidden;
	font-size:92%;
}
/* ------------------------------------------------------------------------------------
--  SHARE BUTTONS FOR HOMEPAGE
------------------------------------------------------------------------------------ */
.share{
	float:left;
	width:100%;
	background:transparent;
	height:40px;
}
.share ul{
	float:left;
	list-style:none;
	margin:0 0 0 50%;
	border-bottom:1px solid rgba(255,255,255,0.05);
}
.share li{
	float:left;
	width:40px;
	text-align:center;
	line-height:40px;
	background:#000;
}
.share a{
	
}
.share a:hover{
	color:#f0f0f0;
}

/* ------------------------------------------------------------------------------------
--  INNER PAGES
------------------------------------------------------------------------------------ */
/*---------------------HEADER---------------------------*/
header#header-inner{
	float:left;
	width:100%;
	padding:4% 0;
	margin-bottom:4px;
	background:#01080c;
	text-align:center;
}
@media screen and (max-width: 480px) {
header#header-inner{
	padding:6% 0;
  }
}
header#header-inner h1{
	font-size:2em;
	margin-bottom:18px;	
}
header#header-inner h1 a{
	color:#f0f0f0;	
	letter-spacing:0.1em;
}
header#header-inner p{
    font-family: 'JosefinSlabThin';
    font-size:1.6em;
    line-height:1.3em;
    padding:0 4%;
}
.underline{
	float:left;
	width:100%;
	height:4px;
	margin-bottom:4px;
}
.empty{
	float:left;
	width:100%;
	height:36px;	
}
.short-line-wrap{
	float:left;
	width:100%;
	margin-bottom:20px;
}
.short-line{
	float:left;
	width:60%;
	height:1px;
	margin:0 20% 4px 20%;
}
/*---------------------POST---------------------------*/
.post-box-inner{
	position:absolute;
	top:0;
	width:50%;
	margin:0 0 0 140px;
}
@media screen and (max-width: 1600px) {
.post-box-inner{
	width:60%;
}	
}
@media screen and (max-width: 1440px) {
.post-box-inner{
	width:70%;
}	
}
@media screen and (max-width: 1024px) {
.post-box-inner{
	width:80%;
	margin:0;
}	
}
@media screen and (max-width: 960px) {
.post-box-inner{
	width:100%;
	margin:0;
}	
}
@media screen and (max-width: 480px) {
.post-box-inner{
	position:relative;
	float:left;
	width:100%;
	margin:0;
}	
}
.post-box-inner-single{
	float:left;
	width:50%;
}
.post-box-content-inner{
	float:left;
	width:92%;
	background:#01080c;
	padding:4%;
	margin:0 0 40px 0;
	box-shadow:0 10px 100px rgba(0,0,0,0.8);
	border-bottom:1px solid rgba(255,255,255,0.05);
	position:relative;
}
@media screen and (max-width: 480px) {
.post-box-content-inner{
	padding:6% 4%;	
	}
}
.gap{
	margin-bottom:100px;
}
@media screen and (max-width: 960px) {
.gap{
 	margin-bottom:0; 	
	}
}
.gallery-custom{
	margin:0;
}
.gallery-custom:last-child{
	margin:0 0 40px 0;
	border-bottom:none;
}
.forgallery:last-child{
	margin-bottom:100px;
}
@media screen and (max-width: 768px) {
.forgallery:last-child{
 	margin-bottom:140px; 	
	}
}
@media screen and (max-width: 480px) {
.forgallery:last-child{
 	margin-bottom:40px; 	
	}
}
.post-body-single{
	float:left;
	width:100%;	
}
.post-body-single figure{
	float:left;
	margin-bottom:30px;
}
.post-body-single figure.head-image{
	width:100%;
}
.post-body-single figure.head-image img{
	float:left;
	margin-bottom:0;
}
.post-body-single img{
	margin-bottom:20px;
}
.post-body-single p img{
	margin-bottom:0;
}
.post-body-single iframe{
	float:left;
	width:100%;
}
.post-body-single .video-holder{
	margin-bottom:20px;
}
.post-body-single p{
	margin-bottom:30px;
	line-height:1.7em;
}
/*---------------------METAS---------------------------*/
#metas{
	float:left;
	width:100%;
	margin:0 0 30px 0;
}
#metas a{
	font-size:0.8em;
	color:#f0f0f0;
	display:inline-block;
	border:1px solid rgba(255,255,255,0.2);
	padding:0.3em 0.8em;
}
#metas a:hover{
	background:#020f15;	
	border:1px solid rgba(255,255,255,0.1);
}
/*---------------------METAS CATEGORIES---------------------------*/
ul.post-categories{
	float:left;
	width:100%;
	list-style:none;
}
ul.post-categories li{
	float:left;
	margin:0 10px 10px 0;
}
ul.post-categories li a{
	text-transform:capitalize;
}
/*---------------------READABILITY TOOLS---------------------------*/
#tools{
	float:left;
	width:100%;
	clear:both;
	margin-bottom:30px;
}
#font-size{
	float:left;
}
mark{
	display:inline-block;
	width:46px;
	height:46px;
	line-height:46px;
	text-align:center;
	background:#020f15;
	color:#808080;
}
.list ul{
	float:left;
	list-style:none;
	line-height:46px;
	color:#f0f0f0;
}
.list li{
	float:left;
}
.instruct{
	padding:0 0.8em;
	font-size:0.8em;
}
/*---------------------POST ARTICLE---------------------------*/
.post-body-single article{
	float:left;
	width:92%;
	padding:4%;
	background:#020f15;
	position:relative;
	margin-bottom:30px;
}
.post-body-single article a:hover{
    opacity:0.8;
    filter: alpha(opacity = 80);
}
.post-body-single article p:last-child{
	margin-bottom:0;
}
.comment-count-inner{
	position:absolute;
	top:80px;
	right:-60px;
	background:#01080c;
	padding:10px;
	width:40px;
	height:40px;
	text-align:center;
	line-height:40px;
	font-family: 'JosefinSlabThin';
    font-size:1.1em;
}
@media screen and (max-width: 960px) {
.comment-count-inner{
	top:0;
	right:0;
	background:#020f15;
}	
}
.comment-count-inner a{
	pointer-events:none;
}
.resize{
	float:left;
	width:100%;
}
/*---------------------POST ARTICLE HEADER ---------------------------*/
.article-header{
	float:left;
	width:100%;
	text-align:center;
	margin-bottom:20px;
}
.article-header .floral{
	font-size:2em;
	display:inline-block;
	background:#020f15;
	padding:20px;
}
.divider{
	float:left;
	width:100%;
	height:1px;
	background:rgba(255,255,255,0.07);
	margin:-36px 0 0 0;
}
/*---------------------TAGS---------------------------*/
#tag-container{
	float:left;
	width:100%;
	margin:0 0 30px 0;
}
#tag-container a{
	padding:0.5em 0.8em;
	display:inline-block;
	background:#000;
	font-size:0.7em;
	text-transform:lowercase;
	margin-bottom: 5px;
}
/*---------------------SHARE BUTTONS INNER PAGES---------------------------*/
section#shareon{
	float:left;
	width:100%;
	margin-bottom:30px;
}
section#shareon a{
	display:inline-block;
	width:60px;
	text-align:center;
	color:#808080;
	font-size:0.8em;
	background:#04141b;
	border-left:1px solid #01080C;
}
@media screen and (max-width: 320px) {
section#shareon a{
	width:40px;
}	
}
section#shareon a:hover{

}
/*---------------------AUTHOR---------------------------*/
section#author-box{
	float:left;
	width:92%;
	padding:4%;
	background:#020f15;	
	margin-bottom:30px;
}
section#author-box p{
	font-size:0.9em;
	color:#808080;
	overflow:hidden;
	margin-bottom:0!important;	
}
section#author-box h4{
    font-family: 'JosefinSlabThin';
    margin-bottom:20px;
    font-size:1.2em;
    text-transform:none;
}
.author-photo{
	float:left;
	margin-right:20px;
	margin-bottom:0!important;
	border-bottom:none!important;
}
.author-photo img{
	width:80px;
	height:80px;
	margin-bottom:0;
	float:left;
}
/*---------------------COMMENTS---------------------------*/
section#comments-area{
	float:left;
	width:100%;
	margin-bottom:30px;
}
section#comments-area h4{
	font-size:1.1em;
	margin-bottom:30px;
	padding-bottom:20px;
	border-bottom:1px solid rgba(255,255,255,0.07);
}
/*----------------------COMMENTS LIST---------------------------------------*/
ol.commentslist{
	float:left;
	width:92%;
	padding:0 4%;
	background:#020f15;	
	margin-bottom:30px;
	list-style:none;
}
ol.commentslist li{
	float:left;
	width:92%;
	padding:4%;
	margin:0 0 20px 0;
	background:rgba(221,221,221,0.1);
	box-shadow:0 1px 1px rgba(0,0,0,0.1);
}
ol.commentslist li li{
	float:left;
	width:100%!important;
	padding:0!important;
	margin:0 0 20px 0;
	list-style:none;
	background:transparent;
	box-shadow:none;
}
ol.commentslist li:last-child, 
ol.commentslist li li:last-child{
	margin-bottom:0;
}
ul.children{
	float:left;
	width:100%!important;
	margin: 0!important;
}
ol.commentslist p{
	font-size:0.9em;
	line-height:1.7em;
}
ol.commentslist header{
	margin-bottom:20px;
}
.comment-date{
	font-size:0.9em;
}
.comment-body{
	float:left;
	width:100%;
	margin-bottom:20px;
	background:#f0f0f0;	
}
.comment-body:last-child{
	margin-bottom:0;
}
.comment-body h5{
	font-size:1.1em;
    font-family: 'JosefinSlabThin'; 
}
.comment-box{
	float:left;
	width:100%;
}
.comment-box p{
	overflow:hidden;	
	margin-bottom:0!important;
}
figure.comment-avatar{
	float:left;
	margin:0 20px 0 -80px;
	background:rgba(221,221,221,0.2);
	border:1px solid rgba(255,255,255,0.1);
	box-shadow:0 1px 1px rgba(0,0,0,0.1);
	padding:1%;
}
@media screen and (max-width: 720px) {
figure.comment-avatar{
	margin:0 20px 0 -60px;  	
	}
}
@media screen and (max-width: 480px) {
figure.comment-avatar{
	margin:0 20px 0 -40px;  	
	}
}
img.avatar{
	float:left;
	margin-bottom:0!important;
}
.reply{
	float:right;
	display:inline-block;
	padding:0.5em 0.8em 0 0.8em;
	font-size:0.7em;
	text-transform:uppercase;
	letter-spacing:0.1em;
}
#respond{
	float:left;
	width:100%;
}
#respond h3{
	font-size:0.9em;
    text-transform:uppercase;
    letter-spacing:0.2em;
    padding:0 0 10px 0;
	border-bottom:1px solid rgba(221,221,221,0.4);
}
.comments-navigation{
	float:left;
	width:92%;
	margin:0 4%;
	font-size:0.9em;
	text-align:center;
}
.comments-navigation a{
	color:#f0f0f0;
	padding:0.5em 0.8em;
	border:1px solid rgba(255,255,255,0.1);
	display:inline-block;
}
.comments-navigation a:hover{
    background:#020F15;
}
article.comment{
	margin-bottom:0!important;
	background:#f0f0f0;
}
article.pingback{
	margin-bottom:0!important;
	background:#f0f0f0;
}
article.pingback a{
	font-size:0.9em;
	line-height:1.7em;
}
/*---------------------COMMENTS FORM---------------------------*/
section#comments-form{
    float:left;
    width:100%;	
}
h3.trig{
	font-size:0.9em;
    text-transform:uppercase;
    letter-spacing:0.2em;
    padding:0.5em 0.8em;
	color:#f0f0f0;
	cursor:pointer;
}
#reply-title{
	display:none;
}
p.logged-in-as{
	font-size:0.8em;
}
/*----------------------CODE COMMENTS---------------------------------------*/
.allowed-tags{
	float:left;
    width:100%;
	margin:0 0 30px 0;
	display:none;
}
.allowed-tags code{
	float:left;
	width:100%;
	font-size:0.8em;
	font-family:'Curier', monospace;
	margin:20px 0 0 0;
}
/*form styles view below*/
/*---------------------SIDE BUTTONS---------------------------*/
#buttons{
	position:fixed;
	top:340px;
	left:40px;	
	width:60px;
}
@media screen and (max-width: 1024px) {
#buttons{
	position:relative;
	float:left;
	top:0;
	left:0;	
	width:96%;
	margin:0 0 100px 4%;
}	
}
@media screen and (max-width: 480px) {
#buttons{
	margin:0 0 40px 4%;
}	
}
/*---------------------CATEGORY BUTTON---------------------------*/
#category-button{
	width:60px;
	height:60px;
	line-height:60px;
	border-radius:50%;
	background:#01080C;
	text-align:center;
	float:left;
	margin-bottom:20px;
}
@media screen and (max-width: 1024px) {
	#category-button{
	margin-bottom:0;		
	}
}
a.trigger-cat .close{
	display:none;	
}
a.active.trigger-cat .close{
    display:inline;
}
a.active.trigger-cat .category{
	display:none;
}
.panel{
	position:fixed;
	width:320px;
	top:160px;
	right:0;
	z-index:2;
	padding:0 0 100px 0;
	display:none;
}
@media screen and (max-width: 1024px) {
.panel{
	top:0;
	}
}
/*---------------------OLDER AND NEWER POSTS ARROWS---------------------------*/
.nextprev{
	float:left;
	margin-bottom:20px;
	width:60px;
	height:60px;
	line-height:60px;
	border-radius:50%;
	background:#01080C;
	text-align:center;
}
@media screen and (max-width: 1024px) {
.nextprev{
	display:inline-block;
	margin:0 10px 0 0;			
	}
}
.nextprev a{
	line-height:60px;
}
/*---------------------OLDER AND NEWER POSTS IN SAME CATEGORY---------------------------*/
#post-prev-next{
	float:left;
	width:92%;
	padding:4%;
	background:#01080C;
	border-top:4px solid #CA140A;
	margin:0 0 100px 0;
	clear:both;
}
@media screen and (max-width: 480px) {
#post-prev-next{
	margin:0 0 40px 0;
	}
}
#left-side{
	float:left;
	width:80%;
}
#left-side h5{
	margin-bottom:20px;
	padding-bottom:10px;
	border-bottom:1px solid rgba(255,255,255,0.07);
	letter-spacing:0.2em;	
}
#left-side p a{
	line-height:1.8em;
	font-size:0.9em;
	color:#808080;
}
#right-side{
	float:right;
	width:20%;
	text-align:center;
}
#right-side a{
	margin-bottom:10px;
	display:inline-block;
	font-size:0.6em;
	text-transform:uppercase;
}
/*---------------------BLOCKQUOTE WIDGET FOR GALLERY PAGE---------------------------*/
#quote-place{
	float:left;
	width:92%;
	padding:4%;
	background:#01080C;
	margin:0 0 100px 0;
	clear:both;
}
@media screen and (max-width: 960px) {
#quote-place{
	margin:0;  	
	}
}
#quote-place h5{
	margin-bottom:20px;
	padding-bottom:10px;
	border-bottom:1px solid rgba(255,255,255,0.07);
	letter-spacing:0.2em;	
}
#quote-place li{
	list-style:none;
}
/* ------------------------------------------------------------------------------------
--  WIDGET AREAS
------------------------------------------------------------------------------------ */
#widget-area{
	float:left;
	width:100%;
	margin:0 0 20px 0;
	clear:both;
}
#widget-area-left{
	float:left;
	width:58%;
	margin-right:2%;
}
@media screen and (max-width: 640px) {
#widget-area-left{
	width:100%;
	margin-right:0;		
	}
}
#widget-area-right{
	float:right;
	width:40%;
}
@media screen and (max-width: 640px) {
#widget-area-right{
	width:100%;
	margin-right:0;		
	}
}
.widget-inner{
	float:left;
	width:92%;
	padding:4%;
	background:#01080C;
	border-top:20px solid #04141b;	
	margin-bottom:20px;
	font-size:95%;
}
.widget-inner h3{
	text-align:center;
	text-transform:uppercase;
	margin-bottom:20px;
	letter-spacing:0.2em;
	font-size:0.8em;
}
/*-----widgets styles-----*/
.widget-inner p{
	font-size:95%;
}
.widget-inner ul{
	float:left;
	width:100%;
	list-style:none;
}
.widget-inner li{
	float:left;
	width:100%;
	padding-bottom:10px;
	border-bottom:1px solid rgba(255,255,255,0.07);
	margin-bottom:20px;
}
.widget-inner li:last-child{
	padding-bottom:0;
	border-bottom:none;
	margin-bottom:0;	
}
.widget-inner li a{
	text-transform:capitalize;
}
.widget{
	float:left;
	width:100%;
}
.widget ul{
	float:left;
	width:100%;
	list-style:none;	
}
/*----------------------VIDEO BLOCK---------------------------------------*/
.video-holder{
	float:left;
	width:100%;
	background:black;
}
.video-container {
	position: relative;
	padding-bottom: 56%;
	width:100%;
	height: 0;
	overflow: hidden;
}
.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*----------------------CALENDAR---------------------------------------*/
.widget_calendar {float: left;}
#wp-calendar {width: 100%; }
#wp-calendar caption { text-align: right; color: #808080; font-size: 0.8em; margin-top: 10px; margin-bottom: 15px; }
#wp-calendar thead { font-size: 0.8em; }
#wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #04141b; border: 1px solid #01080C; text-align: center; padding:8px;}
#wp-calendar tbody td:hover { background: #01080C; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 0.7em; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 0.7em; text-transform: uppercase; padding-top: 10px; }

/* ------------------------------------------------------------------------------------
--  HTML FORMATTINGS
------------------------------------------------------------------------------------ */
/*--------------------------OPTIONAL DIV FOR POST FORMATTING BLOCKS-------------------------*/
.post-block{
	float:left;
	width:100%;
	border-bottom:1px solid rgba(255,255,255,0.07);
	margin-bottom:20px;
	padding:20px 0;
}
.insert{
	float:left;
	width:91.6%;
	padding:4%;
	border:1px solid rgba(255,255,255,0.05);
	background:#04141B;
	position:relative;
	margin-bottom:20px;
}
.insert figure{
	background:rgba(221,221,221,0.2);
	border:1px solid rgba(255,255,255,0.1);
	box-shadow:0 1px 1px rgba(0,0,0,0.1);
	padding:1.5%;
	margin-right:30px;
	position:absolute;
	top:400px;
	right:4%;
}
.insert img{
	float:left;
	margin-bottom:0!important;	
}
/* ------------------------------------------------------------------------------------
--  HEADINGS
------------------------------------------------------------------------------------ */
h1{
	font-size:1.5em;
	margin-bottom:20px;
}
h2{
	font-size:1.4em;
	margin-bottom:20px;	
}
h3{
	font-size:1.1em;
	margin-bottom:20px;	
}
h4{
	font-size:1.05em;
	margin-bottom:20px;	
}
h5{
	font-size:1em;
	margin-bottom:20px;	
}
h6{
	font-size:0.95em;
	margin-bottom:20px;	
}
/* ------------------------------------------------------------------------------------
--  BLOCKQUOTE + CITE
------------------------------------------------------------------------------------ */
blockquote{
	float:left;
	width:90%;
	margin:0 0 20px 0;
    padding: 0 0 0 10%;
    position: relative;	
}
@media screen and (max-width: 640px) {
blockquote{
   width:86%;
   padding: 0 0 0 14%;	
	}
}
@media screen and (max-width: 480px) {
blockquote{
	width:80%;
    padding: 0 0 0 20%;	
	}
}
blockquote:before{
    position: absolute;
    content: "\275d";
    font-size: 4em;
    line-height: 60px;
    top: 0;
    left:0;
}
blockquote p{
	font-size:1.3em;
	line-height:1.6em;
}
@media screen and (max-width: 640px) {
blockquote p{
	font-size:1.1em;
	}
}
cite{
	float:right;
	letter-spacing:0.2em;
	font-size:0.9em;
	margin:0 0 20px 0;
}
/* ------------------------------------------------------------------------------------
--  UNORDERED SIMPLE LIST
------------------------------------------------------------------------------------ */
.post-body-single article ul{
	float:left;
	width:92%;
	margin:0 4% 20px 4%;
	font-size:95%;
}
.post-body-single article ul li{
	float:left;
    width:100%;
	font-size:98%;
}
.styled{
	list-style:none;
}
.styled .icon{
	margin-right:5px;
}
/* ------------------------------------------------------------------------------------
--  ORDERED SIMPLE LIST
------------------------------------------------------------------------------------ */
.post-body-single article ol{
	float:left;
	width:92%;
	margin:0 4% 20px 4%;
	font-size:95%;
}
.post-body-single article ol li{
	float:left;
	width:100%;
	font-size:98%;
}
/* ------------------------------------------------------------------------------------
--  DEFINITION LIST
------------------------------------------------------------------------------------ */
.resize dl.post-definition-list{
	width:100%;
}
.resize dl.post-definition-list dt{
	width:28%;
	padding:0 2% 0 0;
	top:0;
	left:0;
	position:relative;
	text-transform:capitalize;
}
.resize dl.post-definition-list dd{
	position:relative;
	top:-20px;
	margin:0 0 0 30%;
	width:70%;
	font-size:0.9em;
	border-top:1px solid rgba(255,255,255,0.07);
	padding:20px 0 0 0;
	color:#808080;
}
/* ------------------------------------------------------------------------------------
--  IMAGES
------------------------------------------------------------------------------------ */
img.alignright {float:right; margin:0 0 0 1em}
img.alignleft {float:left; margin:0 1em 0 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 0 1em}
a img.alignleft {float:left; margin:0 1em 0 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.wp-caption { max-width: 100%; }/*removes image width*/
.wp-caption p.wp-caption-text {
}
.sticky {
}
.bypostauthor {
}
/* ------------------------------------------------------------------------------------
--  POST FORMATS
------------------------------------------------------------------------------------ */
.gallery{
	float:left;
	width:100%;
}
.gallery-item {
    float: left;
    margin: 0 0 20px 0;
    text-align: center;
    width: 33.3333%;
}
dt.gallery-icon{
	float:left;
	width:100%;
}
.gallery img {
    border: none!important;
    max-width:100%!important;
    height:auto!important;
}
dd.gallery-caption{
	font-size:0.8em;
	line-height:1.4em;
	padding:0 5%;
}
/* ------------------------------------------------------------------------------------
--  PAGES
------------------------------------------------------------------------------------ */
a.scrolltop{
	position:fixed;
	bottom:140px;
	left:50px;
	z-index:5;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	border-radius:50%;	
	background:#01080C;	
}
@media screen and (max-width: 1024px) {
a.scrolltop{
	right:50px;
	left:auto;
	bottom:80px;
}	
}
@media screen and (max-width: 960px) {
a.scrolltop{
   display:none;
}	
}
a.scrolltop-small-device{
	display:none;
	background:#01080C;
	padding:0.5em 0.8em;
	float:right;
	text-transform:uppercase;
	font-size:0.7em;
}
@media screen and (max-width: 960px) {
a.scrolltop-small-device{
   display:block;
	margin:0 4% 100px 0;
}	
}
@media screen and (max-width: 768px) {
a.scrolltop-small-device{
	margin:0 4% 120px 0;
}	
}
@media screen and (max-width: 480px) {
a.scrolltop-small-device{
	margin:0 4% 40px 0;
}	
}
#archives{
	float:left;
	width:100%;
	padding:0 0 30px 0;
	clear:both;
	position:relative;
	overflow:hidden;
}
#archives-left{
	float:left;
	width:40%;
	margin-right:2%;
	background:#020f15;
	padding:4%;
	position:relative;
    margin-bottom: -99999px;
	padding-bottom: 99999px;
}
@media screen and (max-width: 720px) {
#archives-left{
	width:92%;
	margin:0 0 30px 0;
	padding:4%;
}	
}
#archives-right{
	float:right;
	width:40%;
	margin-left:2%;
	background:#020f15;
	padding:4%;
	position:relative;
    margin-bottom: -99999px;
	padding-bottom: 99999px;
}
@media screen and (max-width: 720px) {
#archives-right{
	width:92%;
	margin:0;
	padding:4%;
}	
}
#archives-left ul, #archives-right ul{
	 float:left;
	 width:92%;
	 padding:0 4%;
}
#archives-left ul li, #archives-right ul li{
	float:left;
	width:100%;
}
#archives-left a, #archives-right a{
	font-size:0.9em;
	color:#808080;
	text-transform:capitalize;
}
#archives-left a:hover, #archives-right a:hover{
	color:#808080;
    opacity:0.7;
    filter: alpha(opacity = 70);
}
.centered-box{
	width:60%;
	margin:0 auto;
	text-align:center;
	font-family: 'JosefinSlabThin';
    font-size:1.6em;
    line-height:1.3em;
}
.countdown{
	float:left;
	width:100%;
	padding:1em 0;
	margin:30px 0 0 0;
	text-align:center;
	color:#fff;
	font-size:1.3em;
}
#custom-page-wrap{
	float:left;
	width:100%;
	background:#020F15;
	margin-bottom:100px;
}
/*---------------------TOGGLING CONTENT---------------------------*/
.toggle-container{
	float:left;
	width:91.5%;
	padding:4%;
	background:#04141B;
	margin:40px 0 0 0;
	border:1px solid rgba(255,255,255,0.05);
}
.toggle-container .floral{
	font-size:2em;
	display:table;
	margin:0 auto;
	background:#04141B;
	padding:20px;
	text-align:center;	
	position:relative;
	z-index:2;
}
.toggle-container .divider{
	float:left;
	width:100%;
	height:1px;
	background:rgba(255,255,255,0.05);
	margin:-36px 0 0 0;
}
.toggle-container h2{
	text-align:center;
	text-transform:uppercase;
	font-size:0.9em;
}
.toggle-container h2 a{
    opacity:1;
    filter: alpha(opacity = 100);	
}
.toggle-container h2 a:hover{
	opacity:0.7;
    filter: alpha(opacity = 70);
}
.details-wrap{
	float:left;
	width:100%;	
	margin:-45px 0 0 0;
	position:relative;
	z-index:1;
}
.circle-link-wrap{
	display:table;
	margin:0 auto;
	width:90px;
	height:90px;
	border-radius:50%;	
	-moz-transition: 500ms ease-in;
    -o-transition: 500ms ease-in;
    -webkit-transition: 500ms ease-in;
    -ms-transition: 500ms ease-in;
    transition: 500ms ease-in; 
}
.circle-link-wrap:hover{
	background:#04141B;
}
a.circle-link{
	float:left;
	margin:5px;
	width:80px;
	height:80px;
	border-radius:50%;
	background: #01080C;
	text-align:center;
	line-height:80px;
	font-size:0.9em;
}
a.circle-link:hover{
	background:#04141B;
	color:#808080;
}
/* MINE */
#player-button {
	display: none;
}

#circle-inner p span {
	font-size: 48px;
}

.rwd-video {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	padding-top: 30px;
	position: relative;
}
.rwd-video iframe,
.rwd-video object,
.rwd-video embed {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.button-box-wrap {
 display: none;
}

nav#main-nav ul li a {
    display: block;
    color: #95C11F !important;
}

/* COLOR #95C11F */
nav#main-nav {
    border-top: 4px solid #95C11F !important;
}

.short-line {
    background: #95C11F !important;
}

.underline {
    background: #95C11F !important;
}

header#header-inner {
    border-bottom: 4px solid #95C11F !important;
    border-top: 4px solid #95C11F !important;
}

.post-body-single figure {
    background: #95C11F !important;
    border-bottom: 4px solid #95C11F !important;
}

.circle-link-wrap, .circle-link-wrap-gallery {
    background: #95C11F !important;
}

#search-form input[type="submit"] {
    background: #95C11F !important;
}

#search-form input, #search-form input[type='search'] {
    border-left: 4px solid #95C11F !important;
}

#contact {
    border-bottom: 4px solid #95C11F !important;
}

#contact a {
    background: #95C11F !important;
}


a {
    text-decoration: none;
    outline: none;
    -moz-transition: 500ms ease-in;
    -o-transition: 500ms ease-in;
    -webkit-transition: 500ms ease-in;
    -ms-transition: 500ms ease-in;
    color: #95C11F;
    opacity: 1;
    filter: alpha(opacity = 100);
}

a.trigger .icon {
    color: #95C11F;
}

#status {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 50%;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    right: 0;
   
    font-size: 10px;
    position: fixed;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(255, 255, 255, 0.2);
    border-right: 1.1em solid rgba(255, 255, 255, 0.2);
    border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
    border-left: 1.1em solid #95C11F;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    border-radius: 100%;
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
    background-image: none;
}

@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

a.readmore {
    background: #95C11F !important;
}

.comment-count-inner {
    border-top: 1px solid #95C11F !important;
    color: #95C11F !important;
}

.instruct {
    background: #95C11F;
}

#post-prev-next {
        border-top: 4px solid #95C11F !important;
}

#metas a {
    background: #95C11F !important;
}

.date-inner {
    border-top: 1px solid #95C11F !important;
}

.date {
    color: #95C11F !important;
}

#catapult-cookie-bar {
    box-sizing: border-box;
    max-height: 0;
    opacity: 0;
    z-index: 99999;
    overflow: hidden;
    color: #ffffff;
    position: fixed;
    right: 20px;
    top: 6%;
    width: 300px;
    background-color: #95C11F !important;
}

#iubenda_policy .iub_content {
    background-color: #fff !important;
}

#tomenu a {
    background-color: #95C11F !important;
}