/*------------------------------------------------------------------------------
--------------------------------------------------------------------------------
Custom Coding
--------------------------------------------------------------------------------
Theme Name: Custom-One
Description: Premade Template Designed/Coded by KaciElizabeth.
Author: Kaci (Kaci H - sellfy.com/cherrywine)
Website: http://kacielizabeth.com/design and http://sellfy.com/cherrywine
Tags: theme, kaci, elizabeth
Contact: kacielizabethhawkins@gmail.com
--------------------------------------------------------------------------------
------------------------------------------------------------------------------*/

/* Project Classes
   ========================================================================== */

.side-project-container {
  position: relative;
  width: 100%;
}

.side-project-image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.side-project-middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.side-project-container:hover .side-project-image {
  opacity: 0.3;
}

.side-project-container:hover .side-project-middle {
  opacity: 1;
}

.side-project-title {
  background-color: #005f7b;
  color: #ffffff;
  font-size: 13px;
  padding-left:10px;
  padding-right:10px;
}

.side-project-genre {
  background-color: #2c2d2e;
  color: #888888;
  font-size: 9px;
  padding-left:10px;
  padding-right:10px;
}

.side-project-text {
  background-color: #ffffff;
  color: #005f7b;
  font-size: 9px;
  padding-left:10px;
  padding-right:10px;
}


/* Body Classes
   ========================================================================== */
   
html, body {
    height:100%;
}

body {
    font-family: 'Open Sans', sans-serif;
    font-weight:400;
    text-align:justify;
    font-size:16px;
    margin:0px!important;
    padding:0px!important;
    background-color:#ffffff!important;
}

@media only screen and (min-width: 768px) {
  .modal {
    text-align: center;
  }
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
  .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
  }
  .modal.fade .modal-dialog {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .modal.fade.in .modal-dialog {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    //-webkit-transform: translate3d(0, -300px, 0);
    //transform: translate3d(0, -300px, 0);
    opacity: 1;
  }
}

body.modal-open .background-container{
    -webkit-filter: blur(4px);
    -moz-filter: blur(4px);
    -o-filter: blur(4px);
    -ms-filter: blur(4px);
     filter: blur(4px);
 }


.background-container {
    margin:0 auto;
    width: 1200px;
    padding:0;
}
/* Header Classes
   ========================================================================== */

.line {
    height:2px;
    width:70%;
    background: red; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, orange , yellow, green, cyan, blue, violet); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, orange, yellow, green, cyan, blue, violet); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, orange, yellow, green, cyan, blue, violet); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, orange , yellow, green, cyan, blue, violet); /* Standard syntax (must be last) */
}

.linetwo {
    height:1px;
    background-color:#e1e1e1;
    width:30%;
    position:relative;
    top:-50px;
    left:0;
}


.header-wrapper {
    width:1200px;
    height:337px;
    color:#888888;
}

.header-table {
    width:100%;
    vertical-align:top;
}

.header-table td {
    vertical-align:top;
}

.header-left {
    width:30%;
}


.header-right {
    width:70%;
    padding:10px;
}

.site-title {
    text-transform:lowercase;
    font-size:25px;
    color:#d5d5d5;
    font-family: 'Montserrat', sans-serif;
    font-weight:800;
    text-align:right;
	letter-spacing:-1px;
}

.site-title i {
    color:#d5d5d5;
}

.slogan {
    font-family: 'Montserrat', monospace;
    font-weight:500;
    text-transform:uppercase;
    font-size:9px;
    padding-top:5px;
    margin-top:10px;
    margin-bottom:-10px;
    letter-spacing:1px;
    color:#b9b9b9;
}

.welcome-title {
    color:#a1a1a1;
    font-family: 'Montserrat', sans-serif;
    font-weight:600;
    display:inline-block;
    padding-left:15px;
    padding-right:15px;
    font-size:13px;
    text-transform:uppercase;
}

.welcome-title span {
    color:#a1a1a1;
    background-color: rgb(0,0,0,0.3);
    padding:5px;
}

.welcome-title b {
    color:#efefef;
}

.welcome-message {
    text-align:justify;
    line-height:25px;
    border-top:8px solid rgb(0,0,0,0.3);
    border-bottom:8px solid rgb(0,0,0,0.3);
}


.welcome-text {
    text-align:justify;
    line-height:25px;
    padding-left:10px;
    padding-right:10px;
    font-size:12px;
}


.latest-title {
    color:#a1a1a1;
    font-family: 'Montserrat', sans-serif;
    font-weight:600;
    display:inline-block;
    padding-left:15px;
    padding-right:15px;
    font-size:13px;
    text-transform:uppercase;
    margin-top:6px;
}

.latest-title span {
    color:#a1a1a1;
    background-color: rgb(0,0,0,0.3);
    padding:5px;
}

.latest-title b {
    color:#efefef;
}

.header-posts {
    padding:10px;
}


.header-posts i {
    color:#ffffff;
}


.span-date {
    text-transform:uppercase;
    padding:5px;
    font-size:9px;
}

.header-posts li {
    list-style: none;
    margin: 0;
    color:#ffffff;
}

.header-posts a:link {
    color:#ffffff;
}

.header-posts a:active {
    color:#ffffff;
}

.header-posts a:visited {
    color:#ffffff;
}

.header-posts a:hover {
    color:#ffffff;
}

.header-posts li {
    font-size:13px;
    padding:5px;
    line-height:15px;
    margin-bottom:1px;
    text-align:justify;
    font-family: 'Open Sans', sans-serif;
    font-weight:400!important;
    border-bottom:1px solid rgb(255,255,255,0.1);
}

.header-posts li:last-child {
    border-bottom:0px solid #111111;
}

.postinfo {
    text-align:right;
    text-transform:uppercase;
}

.header-two {
    width:1200px;
    height:180px;
}


.second-area {
	margin:0 auto;
	position:relative; z-index:30;
	display:;
	position: relative;
	overflow:hidden;
	background:#F1F1F1;
	padding:1% 0 .5%;
} 

.second-area .spotlight-project {
	display:inline-block;
	float:left;
	margin:0;
	padding:0;
	width:40%;
}

.second-area .spotlight-project .project {
	margin:0 auto 25px; 
	padding:0; 
	overflow:hidden; 
	position:relative; 
	z-index:50;
	border-radius:3px;
}

.second-area .spotlight-project .project .project-img {
	margin:0 auto 5px!important; 
	padding:0; 
	display:block; 
	background-repeat: no-repeat; 
	background-size:100%; 
	background-position:left center;
	height:150px;
	overflow:hidden; 
	position: relative;
	text-align:left; 
	border-radius:8px;
}

.second-area .spotlight-project .project .project-img .details {
	display:inline-block;
	position:relative;
	top:35%; left:10px;
	color: #fff; 
	text-transform:uppercase; 
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.second-area .spotlight-project .project .extra-details {
	font:12px Roboto Mono!important;
	line-height:19px!important;
}

.second-area .spotlight-project .project .extra-details {
	opacity:0; margin-right:-225px;
	background:rgba(255,255,255,0.8);
	padding:20px 25px 15px;
	height:150px;
	width:100%;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	position:absolute; 
	top:0; left:0;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
}

.second-area .spotlight-project .project .extra-details span {
	opacity:0; 
	position:relative;
	left:450px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.second-area .spotlight-project .project:hover .details{
	opacity:0; 
	margin-left:-125px;
}

.second-area .spotlight-project .project:hover .extra-details span {
	opacity:1;
 	position:relative;
	left:0;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

.second-area .spotlight-project .project:hover .extra-details {
	opacity:1; 
	margin-top:0; margin-bottom:0;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.second-area .spotlight-project .project .project-img b {
	position:relative;
	top:-5px; left:0;
	display: inline-block; 
	padding:2px;
	background:#F1F1F1;
	color:#202020;
	font-size:11px;
	font-weight:700;
	line-height:100%;
}

.second-area .spotlight-project .project .project-img i {
	position:relative;
	top:-12px; left:0;
	display: inline-block; 
	padding:2px;
	background:#D01618;
	color:#fff;
	font-size:11x;
	font-style:normal;
	font-weight:700;
	line-height:100%;
}

.second-area .spotlight-project .project-img h1 {
	margin:0 0 0; 
	padding:1px 4px;
	background:#202020;
	display: inline-block; 
	font: 400 22px Caveat Brush; 
	color: #fff; 
	letter-spacing:0;
	line-height:100%;
}

ul.project-links {
	margin:10px auto!important;
	padding:0;
	display:inline-block;
	list-style-type: none;
	text-align:center;
	text-transform:uppercase;
}

ul.project-links li {
	display: inline;
	margin:0;
	padding:0;
	border:0;
}

ul.project-links li:last-child a {border:0;}
ul.project-links li a,
ul.project-links li a:visited {
	margin:0;
	padding:0 1px 1px 3px;
	background:#474747;
	font:800 12px Montserrat;
	color:#fff;
	letter-spacing:-1px;
	transition: all .3s;
	border-right:1px solid #EBEBEB;
}

ul.project-links li a:hover {
	background:#D01618;
	color:#fff;
}

.second-area .spotlight-head .fa,
.second-area .welcome-head .fa {
	margin-left:0px;
	margin-right:8px;
	font-weight:400;
	color:#ffffff;
	background:#D01618;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
	border-radius:3px;
}

.second-area .spotlight-head .fa {
	padding:7px 7px 7px 9px;
}

.second-area .welcome-head .fa {
	padding:7px 9px 7px 11px;
}

.second-area .spotlight-head,
.second-area .welcome-head {
	display:block;
	padding:10px 0;
	font:800 15px Montserrat;
	text-transform:uppercase;
	letter-spacing:-1px;
}

.second-area .welcome {
	display:inline-block;
	float:right;
	margin:0 auto;
	padding:0;
	max-width:1000px; 
	line-height:180%;
	width:57%;
}

.htwo-table {
    width:100%;
    height:160px;
    vertical-align:center;
}


.htwo-table tr {
    vertical-align:center;
}

.td-table-one {
    width:20%;
    text-align:center;
}

.td-table-two {
    width:50%;
}

.td-table-three {
    width:40%;
}

.td-table-three img {
    border-radius:10px;
}

.spotlight {
    font-size:28px;
    color:#ffffff;
    font-weight:400;
}

.project-title {
    font-size:13px;
    color:#ffffff;
    font-weight:600;
    padding:5px;
    text-transform:uppercase;
    background-color:rgb(0,0,0,0.1);
    display:inline-block;
}

.project-text {
    padding:10px;
    line-height:25px;
    font-size:9px;
    text-align:justify;
    color:#e0e0e0;
}
/* Top Bar / Wraps Navigation
   ========================================================================== */
.topbar{
    width:100%;
    margin-top:10px;
}

/* Navigation
   ========================================================================== */
   
.menu main {
  border: 0!important;
}

#menu ul {
  list-style: none;
  margin:0;
}


#menu ul ul {
  display: none;
}

#menu ul li:hover > ul {
  display: none;
}

#menu ul ul li {
  display: none;
}

#menu ul ul li:hover {
  display: none;
}

.navibar ul li {
  display:inline;
}

.navibar i {
    color:#32839e;
}

.navibar {
    text-align:center;
    font-family: 'Montserrat', sans-serif;
    font-weight:600;
    width:100%;
    padding-top:2px;
    padding-bottom:3px;
    -webkit-transition: opacity 0.4s linear;
    -webkit-transition: all 0.4s ease-out; 
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    padding-bottom:10px;
}

.navibar a:link {
    padding-top:5px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:5px;
    font-family: 'Montserrat', sans-serif;
    font-weight:600;
    font-size:90%;
    -webkit-transition: opacity 0.4s linear;
    -webkit-transition: all 0.4s ease-out; 
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    text-decoration:none;
    text-transform:lowercase;
    color:#989898;
    background-color: rgb(0,0,0,0.3);
}

.navibar a:visited {
    padding-top:5px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:5px;
    font-family: 'Montserrat', sans-serif;
    font-weight:600;
    font-size:90%;
    -webkit-transition: opacity 0.4s linear;
    -webkit-transition: all 0.4s ease-out; 
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    text-decoration:none;
    text-transform:lowercase;
    color:#989898;
    background-color: rgb(0,0,0,0.3);
}

.navibar a:active {
    padding-top:5px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:5px;
    font-family: 'Montserrat', sans-serif;
    font-weight:600;
    font-size:90%;
    -webkit-transition: opacity 0.4s linear;
    -webkit-transition: all 0.4s ease-out; 
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    text-decoration:none;
    text-transform:lowercase;
    color:#989898;
    background-color: rgb(0,0,0,0.3);
}

.navibar a:hover {
    padding-top:5px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:5px;
    font-family: 'Montserrat', sans-serif;
    font-weight:600;
    font-size:90%;
    -webkit-transition: opacity 0.4s linear;
    -webkit-transition: all 0.4s ease-out; 
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    text-decoration:none;
    text-transform:lowercase;
    color:#989898;
    background-color: rgb(0,0,0,0.3);
}



/* Do not edit / Menu Function CSS
   ========================================================================== */

a.menu-link {
  float: right;
  display: block;
  padding: 1em;
}

nav[role=navigation] {
  clear: both;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.js nav[role=navigation] {
  overflow: hidden;
  max-height: 0;
}

nav[role=navigation].active {
  max-height: 45em;
}

nav[role=navigation] ul {
  margin: 0;
  padding: 0;
}

nav[role=navigation] li a {
  padding: 0.8em;
}

@media screen and (min-width: 48.25em) {
  a.menu-link {
    display: none;
  }

  .js nav[role=navigation] {
    max-height: none;
  }

  nav[role=navigation] ul {
    margin: 0 0 0 -0.25em;
    border: 0;
  }

  nav[role=navigation]  li {
    display: inline-block;
    margin: 0 0.25em;
  }

  nav[role=navigation] li a {
    display: inline-block;
    border: 0;
  }
}


#container {
    width:1200px;
    margin:0 auto;
    margin-top:0px;
    position: relative;
    z-index: 2;
}

#wrapper {
    margin:0 auto;
    width:1200px;
}


/*--------------------------------
BASIC CLASSES
--------------------------------*/
a:link {
    text-decoration:none;
    color:#6f3131;
    -webkit-transition: opacity 0.4s linear;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    font-weight:400;
}

a:visited {
    text-decoration:none;
    color:#6f3131;
    -webkit-transition: opacity 0.4s linear;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    font-weight:400;
}

a:active {
    text-decoration:none;
    color:#6f3131;
    -webkit-transition: opacity 0.4s linear;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    font-weight:400;
}

a:hover {
    text-decoration:none;
    color:#222222;
    -webkit-transition: opacity 0.4s linear;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    font-weight:400;
}

b {
    color:#32839e;
    text-transform:uppercase;
}

strong {
    color:#32839e;
    text-transform:uppercase;
}

i {
    color:#222222;
}

em {
    color:#222222;
}

s {
    color:#222222;
}

u {
    font-weight:600;
    color:#3a7281;
    text-decoration:none;
    border-bottom:2px solid #3a7281;
    padding:3px;
}

/*--------------------------------
IMAGE CLASSES
--------------------------------*/

.featured-image {
    margin-left:-15px;
    margin-top:5px;
}

.entry img {
    border:1px solid #e4e4e4;
    padding:5px;
    -webkit-transition: opacity 0.4s linear;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.entry img:hover {
    border:1px solid #32839e;
    padding:5px;
    -webkit-transition: opacity 0.4s linear;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.sidebarcontainer img {
    border:1px solid #e4e4e4;
    padding:5px;
    -webkit-transition: opacity 0.4s linear;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}


.sidebarcontainer img:hover {
    border:1px solid #32839e;
    padding:5px;
    -webkit-transition: opacity 0.4s linear;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

/*--------------------------------
READ MORE CLASSES
--------------------------------*/

a.more-link {
    margin:0 auto;
    display:block;
    width:25%;
    text-align:center;
    clear:both;
}

a.more-link i {
    color:#ffffff;
}

a.more-link:link {
    color:#ffffff;
    background-color:#32839e;
    padding: 5px 15px 5px 15px;
}

a.more-link:visited {
    color:#ffffff;
    background-color:#32839e;
    padding: 5px 15px 5px 15px;
}

a.more-link:active {
    color:#ffffff;
    background-color:#32839e;
    padding: 5px 15px 5px 15px;
}

a.more-link:hover {
    color:#ffffff;
    background-color:#222222;
    padding: 5px 15px 5px 15px;
}

/*--------------------------------
LIST CLASSES
--------------------------------*/

#sidebar ul {
    list-style-type:none;
    margin:0;
    padding:0;
}

#sidebar li {
    font-weight:400;
    padding:8px;
    border-bottom:1px solid;
    border-color:#eeeeee;
}

#sidebar li:last-child {
    border-bottom:0px;
}

.entry ul {
    list-style-type:none;
    margin:0;
    padding:0;
}

.entry li {
    font-weight:400;
    padding:8px;
    border-bottom:1px solid #e4e4e4;
}

.entry li:last-child {
    border:0px;
}

/*--------------------------------
H CLASSES
--------------------------------*/
h1 {
    background-color:#32839e;
    color:#ffffff;
    font-size:14px;
    padding:5px;
    font-weight:400;
}

h2 {
    background-color:#222222;
    color:#ffffff;
    font-size:14px;
    padding:5px;
    font-weight:400;
}

h3 {
    color:#32839e;
    border-bottom:1px solid #005f7b;
    padding:5px;
    font-size:14px;
    text-align:left;
    font-weight:400;
}

/*--------------------------------
BLOCKQUOTE CLASSES
--------------------------------*/
blockquote {
    background-color:#F9F9F9;
    color:#ABABAB;
	font-family:'Montserrat', sans-serif;
    padding:10px;
    line-height:25px;
}

blockquote blockquote {
    background-color:#ffffff;
    text-transform:none;
    letter-spacing:-1px;
    font-size:10px;
	font-style:italic;
	font-weight:500px;
    line-height:20px;
    padding:5px;
}

/*--------------------------------
SIDEBAR
--------------------------------*/

#sidebar {
    width:30%;
    margin-left:5px;
    margin-top:20px;
    background-color:#ffffff;
    font-size:12px;
}

.sidebarcontainer {
    padding:10px 10px 10px 10px;
    text-align:justify;
    font-size:12px;
    line-height:25px;
    margin-bottom:15px;
}

.sidebarinnerwrap {
    border:0px solid #2a263c;
    padding:10px;
}


.sidebartitle {
    font-size:14px;
    text-align:center;
    color:#32839e;
    font-family: 'Montserrat', sans-serif;
    font-weight:600;
    letter-spacing:-1px;
    counter-increment: dbk_counter;
    text-transform:lowercase;
    display:block;
    margin-bottom:5px;
    position:relative;
    top:0px;
    left:0;
}

.sidebartitle span {
    padding-top:15px;
    padding-bottom:15px;
    padding-left:5px;
    padding-right:5px;
    position:relative;
    top:-15px;
    left:0px;
    font-family: 'Montserrat', sans-serif;
    font-weight:600;
    font-size:14px;
    letter-spacing:-1px;
}

.stopline {
    width:20%;
    background-color:#e8e8e8;
    height:1px;
    margin-bottom:5px;
}


.stopwrapper {
    position:relative;
    top:-20px;
    left:0;
    margin-bottom:-20px;
}

#wp-calendar, #calendar_wrap td {
        font-size:10px;
        font-family: verdana, Arial, Helvetica;	
        letter-spacing: 2px;
	    text-align: center;
	    line-height: 17px;
}

#sidebar #calendar_wrap, #sidebar table, #footer #calendar_wrap, #footer table {
  width: 100%;
  text-align: center;
}

#sidebar #calendar_wrap caption, #footer #calendar_wrap caption {
  padding-bottom: 10px;
}

/* ----------------------------------
  Top Affiliates
---------------------------------- */

.top-affiliates {
    margin:0;
    text-align:center;
    display:block;
    width:100%;
    padding:5px;
}

.top-affiliates a:link {
    background-color:#ffffff;
    border:1px solid;
    border-color:#dadada;
    padding:5px;
    color:#723434;
    display:inline-block;
    width:45%;
    margin-top:1px;
}

.top-affiliates a:visited {
    background-color:#ffffff;
    border:1px solid;
    border-color:#dadada;
    padding:5px;
    color:#723434;
    display:inline-block;
    width:45%;
}


.top-affiliates a:active {
    background-color:#ffffff;
    border:1px solid;
    border-color:#dadada;
    padding:5px;
    color:#723434;
    display:inline-block;
    width:45%;
}


.top-affiliates a:hover {
    background-color:#ffffff;
    border:1px solid;
    border-color:#dadada;
    padding:5px;
    color:#8b4a4a;
    display:inline-block;
    width:45%;
}

.top-affiliates i {
    font-style:italic;
    font-family: Georgia, Times, "Times New Roman", serif;
    color:#222222;
}


/*--------------------------------
CONTENT
--------------------------------*/

#content {
    width:66%;
    margin-top:10px;
    margin-right:5px;
    padding-left:10px;
}

.contentcontainer {
    padding:15px;
    font-size:13px;
    line-height:25px;
    text-align:justify;
    margin-bottom:55px;
}

.entry { 
    margin-top:0px;
}

/*--------------------------------
CONTENT TITLE
--------------------------------*/

.topline {
    width:10%;
    background-color:#dfdfdf;
    height:1px;
    margin-bottom:5px;
}

.topwrapper {
    position:relative;
    top:0px;
    left:0;
    margin-bottom:0px;
}

.contenttitle {
    font-size:18px;
    text-align:center;
    position:relative;
    top:-5px;
    left:0;
    margin-bottom:0px;
}

.contenttitle span {
    background-color:#ffffff;
    padding:5px;
}



.contenttitle a:link {
    font-size:16px;
    color:#33839e;
    text-decoration:none;
    text-transform:lowercase;
    font-family: 'Montserrat', sans-serif;
    font-weight:600;
}

.contenttitle a:active {
    font-size:16px;
    color:#32839e;
    text-decoration:none;
    text-transform:lowercase;
    font-family: 'Montserrat', sans-serif;
    font-weight:600;
}

.contenttitle a:visited {
    font-size:16px;
    color:#32839e;
    text-decoration:none;
    text-transform:lowercase;
    font-family: 'Montserrat, sans-serif;
    font-weight:600;
}

.contenttitle a:hover {
    font-size:16px;
    color:#32839e;
    text-decoration:none;
    text-transform:lowercase;
    font-family: 'Montserrat, sans-serif;
    font-weight:600;
}

.titlebar {
    border:1px solid #e6e6e6;
    width:50%;
}



/*--------------------------------
CONTENT INFO
--------------------------------*/

.datetwo {
    position:relative;
    top:0px;
    left:0px;
    font-family: 'Courier Prime', monospace;
    font-weight:500;
    font-size:11px;
    color:#733636;
    text-transform:uppercase;
    padding:0px;
}

.date {
    position:relative;
    top:-5px;
    left:0px;
    font-family: 'Courier Prime', monospace;
    font-weight:500;
    font-size:11px;
    color:#afafaf;
    text-transform:uppercase;
    padding:0px;
}

.date i {
    color:#afafaf;
}

.date a:link {
    color:#afafaf;
}

.tleft {
    position:relative;
    left:-15px;
    top:0;
}

.tright {
    position:relative;
    left:15px;
    top:0;
}
/*--------------------------------
POST NAVIGATION
--------------------------------*/
.pagenavi li a,
.pagenavi li a:hover,
.pagenavi li.disabled {
    text-decoration:none;
    color:#717171;
    padding:10px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition:all 0.3s ease-out;
    transition:all 0.3s ease-out;
}

.pagenavi li {
    display:inline;
    background-color:#ffffff;
    padding:10px;
    border:1px solid #f1f1f1;
}

.pagenavi li a:hover,
.pagenavi li.active a,
.pagenavi li.disabled {
    text-decoration:none;
    color:#32839e;
    padding:10px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition:all 0.3s ease-out;
    transition:all 0.3s ease-out;
}


/*--------------------------------
COMMENTS
--------------------------------*/
.alignleft {
    float:left;
}

.alignright {
    float:right;
}

ul.commentlist {
    list-style:none;
    text-indent:0;
    text-align:justify;
    margin:0;
    
}
ul.commentlist li {
    list-style:none;
    padding:5px;
    text-align:justify;
    color:#555555;
}

ul.commentlist li.comment div.vcard img.avatar {
    border:2px solid #f4f4f4;
    background-color:#ffffff;
    padding:2px;
    float:left;
    margin-right:5px;
    text-align:justify;
}

ul.commentlist li.even {
    background-color:#ffffff;
}

ul.commentlist li.odd {
    background-color:#FAFAFA;
}

/*--------------------------------
NEXT ARTICLE
--------------------------------*/
.next {
    text-align:right;
    line-height:30px;
    margin-left:1px;
    background-color:#ffffff;
    padding:5px;
}

.next a:link {
    color:#828282;
    text-decoration:none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition:all 0.3s ease-out;
    transition:all 0.3s ease-out;
}


.next a:hover {
    color:#828282;
    text-decoration:none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition:all 0.3s ease-out;
    transition:all 0.3s ease-out;
}

/*--------------------------------
PREVIOUS ARTICLE
--------------------------------*/
.previous {
    text-align:left;
    line-height:30px;
    margin-right:1px;
    background-color:#ffffff;
    padding:5px;
}

.previous a:link {
    color:#828282;
    text-decoration:none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition:all 0.3s ease-out;
    transition:all 0.3s ease-out;
}


.previous a:hover {
    color:#828282;
    text-decoration:none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition:all 0.3s ease-out;
    transition:all 0.3s ease-out;
}

/*--------------------------------
FORMS
--------------------------------*/
input {
    border:1px solid #f4f4f4;
    padding:5px;
    color:#888888;
    width:90%;
}

textarea {
    border:1px solid #f4f4f4;
    padding:5px;
    color:#888888;
    width:90%;
}

input[type=submit] {
    background-color:#ffffff;
    border:1px solid #f4f4f4;
    color:#888888;
    width:20%;
}



.sidebarcontainer input {
    border:1px solid #eeeeee;
    background-color:#ffffff;
    padding:5px;
    color:#888888;
    width:100%;
}

.sidebarcontainer textarea {
    border:1px solid #eeeeee;
    background-color:#ffffff;
    padding:5px;
    color:#888888;
    width:100%;
}

.sidebarcontainer input[type=submit] {
    border:1px solid #eeeeee;
    background-color:#ffffff;
    color:#888888;
    width:20%;
}


/*--------------------------------
FOOTER CLASSES
--------------------------------*/

.clearfooter {
    height:30px;
    clear:both;
}

#footer {
    background-color: #3f3f3f;
    text-transform:uppercase;
    text-align:justify;
    width:100%;
    border-top:2px solid #efefefef;
    font-family: 'Montserrat', sans-serif;
    font-weight:600;
}

#footer ul {
    list-style:none;
    color:#fefefe;
    padding:10px;
    display:inline-block;
    font-size:13px;
}

#footer ul li {
    display:inline;
    padding:5px;
    margin-right:2px;
}

#footer ul li+li:before {
    padding:5px;
}

#footer a:link {
    text-decoration:none;
    text-transform:uppercase;
    color:#fefefe;
    font-family: 'Montserrat', sans-serif;
    font-weight:600;
}

#footer a:active {
    text-decoration:none;
    text-transform:uppercase;
    color:#fefefe;
    font-family: 'Montserrat', sans-serif;
    font-weight:600;
}

#footer a:visited {
    text-decoration:none;
    text-transform:uppercase;
    color:#fefefe;
    font-family: 'Montserrat', sans-serif;
    font-weight:60";
}

#footer a:hover {
    text-decoration:none;
    text-transform:uppercase;
    color:#fefefe;
    font-family: 'Montserrat', sans-serif;
    font-weight:600;
}

.mobile {
    display:none;
}

/*--------------------------------
RESPONSIVE
--------------------------------*/
@media only screen and (max-width:1024px), only screen and (max-device-width:1024px) {



.mobile {
    display:block;
    padding-top:25px;
    padding-bottom:25px;
    color:#ffffff;
}


.header-wrapper {
    display:none;
}

.header-two {
    display:none;
    
}

#footer {
    line-height:30px;
}

.topbar {

}

#content {
    border-left:0px solid #eeeeee;
}

.date { 
    left:-10px;
}

.heart { 
    left:-10px;
}

.headercontent {
    display:none;
}
.navigation ul li:not(:first-child):before {
  content: '';
  color:#ffffff;
  padding-right:0px;
  margin-left:0px;
}


.latestwrapper {
    display:none;
}

.header {
    display:none!important;
}

#wrapper {
    width:100%;
}
    
#container {
    width:90%;
    background-color:#ffffff;
} 
    
#sidebar {
    width:98%;
    margin-right:0px;
    margin-top:0px;
}    

#content {
    width:98%;
    margin-top:0px;
    margin-left:0px;
}  

.navigation {
    width:100%;
}

.menu-link i {
    display:inline;
    font-family: 'FontAwesome';
}

#menu {
    position:relative;
}

#menu > a {
    
}

#menu:not( :target ) > a:first-of-type,
#menu:target > a:last-of-type {
    display:block;
}

#menu > ul {
    height:auto;
    position:absolute;
    display:none;
    left:0;
    right:0;
    list-style:none;
}

#menu:target > ul {
    display:block;
    list-style:none;
}

#menu > ul > li {
    width:100%;
    float:none;
    list-style:none;
}

#menu li ul {
    position:static;
    list-style:none;
}

.navibar li {
    padding:5px;
}

#menu li {
    display:block;
}

#menu ul {
    list-style:none;
    line-height:30px;
}

.sideimg {
    display:none;
}

.sidesloganwrap {
    display:none;
}

.titlewrap {
    display:none;
}

.desktop {
    display:none;
}
.sitetitlemobile {
	font-family: 'Montserrat', sans-serif;
    color:#ffffff;
    font-weight:600;
    font-size:28px;
    text-align:center;
	text-transform:lowercase;
	letter-spacing:-1px;
}

.sloganmobile {
    color:#888888;
    font-weight:500;
    font-size:9px;
    letter-spacing:2px;
    text-align:center;
    text-transform:uppercase;
    margin-top:5px;
}

.mobileborder {
    width:50%;
    height:2px;
    background-color:rgba(255,255,255,0.2);
}

iframe {
    max-width:100%;
    height:auto;
}

.featured-image img {
    width:102.30%!important;
}

.entry img {
    max-width:80%;
    height:auto;
}

.sidebarcontainer img {
    max-width:80%;
    height:auto;
}

.table-cat {
    width:100%;
    text-align:center;
    display:block;
    padding:0px!important;
    margin-left:-1px;
}

.post-categories {
    width:100%;
    display:block;
    padding: 10px 2px 10px 2px;
}

.table-share {
    width:100%;
    text-align:center;
    display:block;
    padding:0px!important;
    margin-left:-1px;
}

.post-share {
    width:100%;
    display:block;
    padding: 10px 2px 10px 2px;
}

blockquote {
    margin:0;
    position:relative;
    top:0;
    left:0;
}




}


@media only screen and (max-width:400px), only screen and (max-device-width:400px) {

.featured-image img {
    width:105%!important;
}



.gridwrapper {
    display:block!important;
    grid-template-columns: 80%!important;
    grid-auto-rows: minmax(100px, auto);
    grid-gap: 3px;
    grid-column-gap: 0;
    row-gap: 3px;
    vertical-align:top;
}

.date {
    display:none;
}

.contenttitle {
    font-size:10px!important;
}

.contenttitle a:link {
    font-size:10px!important;
}

.contenttitle a:hover {
    font-size:10px!important;
}

}