/*
Theme Name:     raesidecartoons
Description:    
Author:         adrian
Template:       Nexus

(optional values you can add: Theme URI, Author URI, Version)
*/

@import url("../Nexus/style.css");

body {background:url('https://raesidecartoon.com/wp-content/uploads/2015/07/webhomepagebg_mosiac.gif') repeat center;color:#000;}
sup {font-size:10px;}

#logo {padding-top:0; margin-top:30px;margin-bottom: 25px;box-shadow: 2px 2px 5px #000;} 

#et-social-icons {width: 124px;background: #222323;-webkit-box-shadow: 1px 1px 0 rgba(255,255,255,0.1) inset;-moz-box-shadow: 1px 1px 0 rgba(255,255,255,0.1) inset; box-shadow: 1px 1px 0 rgba(255,255,255,0.1) inset;}
#et-social-icons li {border-left:1px solid #0D0D0D;-webkit-box-shadow: 1px 1px 0 rgba(255,255,255,0.1) inset;-moz-box-shadow: 1px 1px 0 rgba(255,255,255,0.1) inset; box-shadow: 1px 1px 0 rgba(255,255,255,0.1) inset;padding: 1px 0 0 1px;}
#et-social-icons .twitter .et-social-normal {background: url('http://raesidecartoon.com/wp-content/themes/Nexus/images/twitter-hover.png') no-repeat 19px 22px;}
#et-social-icons .facebook .et-social-normal {background: url('http://raesidecartoon.com/wp-content/themes/Nexus/images/facebook-hover.png') no-repeat 25px 22px;}
ul#et-social-icons:before {content:none;}

#top-navigation {background: #222323; border: 1px solid #0d0d0d;-webkit-box-shadow: 1px 1px 0 rgba(255,255,255,0.1) inset;-moz-box-shadow: 1px 1px 0 rgba(255,255,255,0.1) inset; box-shadow: 1px 1px 0 rgba(255,255,255,0.1) inset;padding: 1px 0 0 1px;}
#top-navigation nav a {font-size: 17px;color: #fff;text-decoration: none;text-shadow: 1px 1px 0 rgba(0,0,0,0.8);
padding: 25px 19px;display: block;font-weight: normal;}
#top-menu > li > a {color: #fff;}
#top-navigation a:hover {-moz-box-shadow: 1px 0 0 rgba(255,255,255,0.06), inset -1px 0 0 rgba(0,0,0,0.45), inset 1px 0 0 rgba(0,0,0,0.45);
-webkit-box-shadow: 1px 0 0 rgba(255,255,255,0.06), inset -1px 0 0 rgba(0,0,0,0.45), inset 1px 0 0 rgba(0,0,0,0.45);
box-shadow: 1px 0 0 rgba(255,255,255,0.06), inset -1px 0 0 rgba(0,0,0,0.45), inset 1px 0 0 rgba(0,0,0,0.45);
background: #292a29;
background: -moz-linear-gradient(top, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.01) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.05)), color-stop(100%,rgba(255,255,255,0.01)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0.05) 0%,rgba(255,255,255,0.01) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0.05) 0%,rgba(255,255,255,0.01) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0.05) 0%,rgba(255,255,255,0.01) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0.05) 0%,rgba(255,255,255,0.01) 100%);}

body.home h1.main-title, body.home .entry-content h4.title {display:none!important;}
body.home #left-area {padding-top: 15px;}
body.home h1, body.home h2, body.page-id-46 h1 {font-weight:bold;}
body.home h1, body.page-id-46 h1 {margin:-5px 0 0;font-size:20px;}
body.home .ezcol {margin-bottom:30px;}
body.home .ezcol-one-third {width: 25.666%;margin:0 3.8%;}
body.home .entry-content ul {list-style:none;padding:0;line-height:none;}
body.home .entry-content ul li:before {border:none;}
body.home .widget ul li, body.home #left-area .widget {padding:0;line-height:0;}
body.home .entry-content {padding:0 30px 60px}
body.page-id-38 .entry-content h1 {margin:0;}
body.home .ezcol-two-fifth h4 {background:#afdbf4;padding:10px;}

.otw-sidebar-1 div.sideproduct {margin:0;}
.otw-sidebar-1 div.sideproduct img {width:100%;height:auto;}

.otw-sidebar-2 div.sideproduct {margin:0;}
.otw-sidebar-2 div.sideproduct img {width:100%;height:auto;}

.otw-sidebar-5 {width:75%;margin:0 auto;}
.otw-sidebar-5 div.sideproduct {margin:5px 0 0;}

.entry-content .main-title {font-weight:normal;}
.entry-content h1, .entry-content h2 {margin:0;}
.page-wrap {margin-bottom:0;}
#main-content:before {right: 0;background-color: #fff;width:0;border-left: 1px solid #FFF;}
body.page #content, #content {width:1028px;}
body.home #content {float: left;width: 1058px;}

.ezcol-one-quarter {min-height:250px;}

div.ssba {margin-top:20px;}
body.home #sidebar {width:220px;background:#FFF;padding-top:40px;}
body #sidebar {background:#FFF;width:250px;}

#sidebar img:hover {opacity:0.6}
#sidebar h4.widgettitle {background:#FFF;border:0;padding:0;margin:0 0 15px;font-family: 'Open Sans Condensed', Helvetica, Arial, Lucida, sans-serif;color:#333;font-weight:bold;text-align:center;}
body.page #sidebar .widget {padding:20px 30px 30px;}
body.home #sidebar .widget {padding:0 30px 10px 0;}
#sidebar .widget, #text-4 .textwidget {text-align:center;}
.textwidget img {margin-right:10px;}
.textwidget p {margin:0 auto;}
.textwidget a {color:#000;}
.textwidget a:hover {text-decoration:none;}
body.home .widget {padding:20px 10px 30px 0;}
.widget {padding: 20px 30px 30px 0;}
#searchsubmit {margin:6.5px 0;}
select.shopp-categories-menu {width:100%;}
#sidebar .widget_shoppcategorieswidget h4 {font-family:Raleway, Arial, sans-serif; font-weight: normal;margin-bottom:0;}

#sidebar:before {content:none;}

body.single-post article {padding-bottom:20px;}
.navigation {max-width:500px;margin:0 auto 40px;}
.alignleft, .alignright {margin:0 10px;}
.navigation a {background-color: #0098d3;padding: 10px 15px;border-radius: 10px;color: #fff;font-size: 14px;text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);}
#commentform {padding: 0 60px 20px 60px;}


/*New Projects Excerpt */
body.parent-pageid-42 h1.main-title {display:none;}

/*Category Pages*/
body.single-post article {text-align:center;}
body.single-post article h1.main-title {text-align:left;}
body.category #left-area .recent-post:first-child {display:none;}
body.category-9 #left-area .recent-post:first-child {display:inherit;}
.recent-post {float:left;width:27%;padding:0; text-align:center;margin:0 30px 50px}
.et-main-image {margin-right:0;width:100%}
.et-description {float:left;margin-top:10px;margin-left:0;width:100%;}
.et-description h2 {font-size: 20px;font-weight: 700;}
.et-description p {display:none;}
.search .read-more {float:left;margin:5px auto 0;font-weight:normal;width:85%;}
.pagination {z-index:-100;}

/*Recent Pages*/
a.read-more {font-weight:normal;padding:10px 15px;margin:5px 90px 0 0;}

.mobile_nav {color: #FFF;text-shadow:none;}

#footer-info {background: #222323;-webkit-box-shadow: 1px 1px 0 rgba(255,255,255,0.1) inset;-moz-box-shadow: 1px 1px 0 rgba(255,255,255,0.1) inset; box-shadow: 1px 1px 0 rgba(255,255,255,0.1) inset;padding: 1px 0 0 1px;text-shadow: 1px 1px 10px rgba(0,0,0,0.8);}

#footer-info div.ssba {color:#FFF;margin-top:15px;}
#footer-info div.ssba img:hover {opacity:0.8;}
p#copyright {padding:30px 10px 20px 0;color:#FFF;text-align:center;}
p#copyright a {color:#FFF;font-weight:normal;text-decoration:underline;}
p#copyright a:hover {color:#0098d3;}
#islandnet {font-size:10px;}


#main-content {border-top: 2px solid #404040;}

#footer-info {background: #0098d3;-webkit-box-shadow: 1px 1px 0 rgba(255,255,255,0.1) inset;-moz-box-shadow: 1px 1px 0 rgba(255,255,255,0.1) inset; box-shadow: 1px 1px 0 rgba(255,255,255,0.1) inset;padding: 1px 0 0 1px;}

#et-social-icons {width: 128px;background: #0098d3;-webkit-box-shadow: 1px 1px 0 rgba(255,255,255,0.1) inset;-moz-box-shadow: 1px 1px 0 rgba(255,255,255,0.1) inset; box-shadow: 1px 1px 0 rgba(255,255,255,0.1) inset;}
#et-social-icons li {border-left:1px solid #0086B9;border-right:1px solid #0086B9;-webkit-box-shadow: 1px 1px 0 rgba(255,255,255,0.1) inset;-moz-box-shadow: 1px 1px 0 rgba(255,255,255,0.1) inset; box-shadow: 1px 1px 0 rgba(255,255,255,0.1) inset;padding: 1px 0 0 1px;}

#top-navigation {background: #0098d3; border: 1px solid #80BEE1;-webkit-box-shadow: 1px 1px 0 rgba(255,255,255,0.1) inset;-moz-box-shadow: 1px 1px 0 rgba(255,255,255,0.1) inset; box-shadow: 1px 1px 0 rgba(255,255,255,0.1) inset;padding: 1px 0 0 1px;}
#top-navigation nav a {font-size: 17px;color: #fff;text-decoration: none;text-shadow: 1px 1px 0 rgba(0,0,0,0.8);
padding: 25px 19px;display: block;font-weight: normal;}

#top-menu > li > a {color: #fff;}
#top-navigation a:hover {color:#555;-moz-box-shadow: none;box-shadow:none;
-webkit-box-shadow: none;
background: #0098d3;
background: -moz-linear-gradient(top, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.01) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.05)), color-stop(100%,rgba(255,255,255,0.01)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0.05) 0%,rgba(255,255,255,0.01) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0.05) 0%,rgba(255,255,255,0.01) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0.05) 0%,rgba(255,255,255,0.01) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0.05) 0%,rgba(255,255,255,0.01) 100%);}
#et-post-share {background-color: #0098d3;}
#et-post-share span {text-shadow: 1px 1px 0 rgba(0,0,0,0.8);}

input[type=text], input.text, input.title, textarea, select {padding:10px;width:93%;}
body.home input[type=text] {width:87%;}

input[type=submit] {color:#FFF; border: 1px solid #003C53; padding:10px; border-radius:2px; text-shadow:1px 1px 2px #000;background: #00a1e0; /* Old browsers */
background: -moz-linear-gradient(top,  #00a1e0 0%, #0098d3 40%, #0086b9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a1e0), color-stop(40%,#0098d3), color-stop(100%,#0086b9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #00a1e0 0%,#0098d3 40%,#0086b9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #00a1e0 0%,#0098d3 40%,#0086b9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #00a1e0 0%,#0098d3 40%,#0086b9 100%); /* IE10+ */
background: linear-gradient(to bottom,  #00a1e0 0%,#0098d3 40%,#0086b9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a1e0', endColorstr='#0086b9',GradientType=0 ); /* IE6-9 */
}

input[type=submit]:hover {cursor:pointer;background: #0086b9; /* Old browsers */
background: -moz-linear-gradient(top,  #0086b9 0%, #0086b9 0%, #0086b9 17%, #0098d3 40%, #00a1e0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0086b9), color-stop(0%,#0086b9), color-stop(17%,#0086b9), color-stop(40%,#0098d3), color-stop(100%,#00a1e0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0086b9 0%,#0086b9 0%,#0086b9 17%,#0098d3 40%,#00a1e0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0086b9 0%,#0086b9 0%,#0086b9 17%,#0098d3 40%,#00a1e0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0086b9 0%,#0086b9 0%,#0086b9 17%,#0098d3 40%,#00a1e0 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0086b9 0%,#0086b9 0%,#0086b9 17%,#0098d3 40%,#00a1e0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0086b9', endColorstr='#00a1e0',GradientType=0 ); /* IE6-9 */
}

/*Search Area Sidebar*/
div.otw-sidebar-4 {min-height:105px;}
div.otw-sidebar-4 div.widget {float:left;width:420px;padding-top:0;}
.otw-sidebar-4 .otw-widget-1 h2 {font-family:Raleway, Arial, sans-serif; font-weight: normal;padding-top: 0.6em;padding-bottom:0;font-size: 16px;font-weight: bold;}
.otw-sidebar-4 .otw-widget-1 label.screen-reader-text {display:none;}
.otw-sidebar-4 .otw-widget-2 h2 {font-family:Raleway, Arial, sans-serif; font-weight: normal;padding-top: 0.6em;padding-bottom:0;}
.otw-sidebar-4 input[type=text] {width: 310px;}
.otw-sidebar-4 select.shopp-categories-menu {padding:9px 10px;}
#shopp .otw-sidebar-4 form div label.screen-reader-text, .otw-sidebar-4 .otw-widget-2 h2 {font-size:16px;font-weight:bold;}

/*Checkout CSS*/
form.shopp {margin: 15px 0;}
form.shopp ul input[type=text] {padding:5px 10px;font-size:15px;}
#shopp form.shopp ul li span label {font-size: 17px;}
body.single-shopp_product #shopp form.shopp {text-align:center;}
#checkout ul {padding-left:0;}
#checkout ul span {width:60%;}
#checkout ul li:first-child span {width:45%;}


/*Product Page*/
#shopp .price {font-size:17px;}
#shopp .gallery {width: 100%;}

#shopp div.category {position:inherit;}


@media only screen and (max-width: 1300px) and (min-width: 961px) {
body.home #content {width: 787px;}
body.home #sidebar {width: 170px;}
body.page #content {width:758px;}
body.page #sidebar {width:200px;}
body.single #content, body.archive #content {width:708px;}
div.otw-sidebar-4 div.widget {float:left;width:280px;padding-top:0;}
.otw-sidebar-4 input[type=text] {width: 185px;}
input[type=text] {width: 88%;}
#et-social-icons {width: 108px;}
#et-social-icons .twitter .et-social-normal {background: url('http://raesidecartoon.com/wp-content/themes/Nexus/images/twitter-hover.png') no-repeat 13px 22px;}
#et-social-icons .facebook .et-social-normal {background: url('http://raesidecartoon.com/wp-content/themes/Nexus/images/facebook-hover.png') no-repeat 20px 22px;}
.search a.read-more {width:75%;}
.category a.read-more {margin-right:48px;}
.et-main-image img {width: 212px;height: auto;}
}

@media only screen and (max-width: 960px) and (min-width: 767px) {
body.page #content, body #content {width:564px;}
body.page #sidebar, body #sidebar {width:180px;}
body.home #content {width: 766px;}
body.home #sidebar {display:inherit;}
#top-navigation nav a {padding: 25px 11px;}
input[type=text] {width: 88%;}
#content .entry-content {padding:0 10px 30px;}
#sidebar .widget {width:190px;}
body.page #sidebar .widget {padding: 20px 5px 10px;}
body.home #sidebar div.widget {margin:0 auto;}
#sidebar .widget {padding-right:5px;}
.search a.read-more {width:75%;}
.category a.read-more {margin-right:43px;}
.et-main-image img {width: 207px;height: auto;}
#top-menu > li.current-menu-item > a {padding: 24px 20px;}
body .shopp_page ul.products{margin: 0 auto; text-align: center;}
body .shopp_page .products li.product { display: inline-block; vertical-align: top;}
div.otw-sidebar-4 div.otw-widget-1 {width: 46%;}
div.otw-sidebar-4 div.otw-widget-2 {width: 46%;padding-right:0;}
.otw-sidebar-4 input[type=text] {width: 160px;}
}

@media only screen and (max-width: 767px) {
#content, body.page #content, #sidebar, body.home .ezcol {width: 100%!important;}
body.home .ezcol-one-third h1 {margin-left:60px;}
body.home .ezcol-one-third {margin:0;}
body.home #sidebar {background:#FFF;}
div.ssba {padding:0 10px;}
p#copyright {padding:20px 10px;}
.otw-sidebar-5 {width:100%;}
.otw-sidebar-1 {margin-top:0px;}
#search-box div.otw-sidebar-4 div.widget {width:100%;}
.otw-sidebar-4 input[type=text] {width: 305px;}
.widget {margin:10px auto;padding:0!important;}
.widget .textwidget img {margin-right:0px;}

.shopp-product ul#mobile_menu {display:none;}
#shopp .gallery {height:318px;}
#shopp div.category {position:inherit;}

body .shopp_page ul.products{margin: 0 auto; text-align: center;}
body .shopp_page .products li.product { display: inline-block; vertical-align: top;width:50%;height:195px;}
.shopp_page .products > .product.first {clear: none;}
body.page-id-12137 .shopp_page .products li.product,  body.page-id-12245 .shopp_page .products li.product { display: inline-block; vertical-align: top;width:100%;height:150px;}
#checkout ul span {width:100%;}
#checkout ul span input, #checkout textarea {width:90%;}

/*Search Page*/
.recent-post {width:160px;margin:0 39px 50px}
.search a.read-more {width:75%;}
.category a.read-more {margin-right:22px;}
.et-main-image img {width: 160px;height: auto;}
}

@media only screen and (max-width: 478px) {
.et-main-image {display: inherit;}
.recent-post  {margin-left:79px;}
div.entry-content {padding:0 10px 30px;}
body.page-id-46 h1 {margin-bottom:10px;}
body .shopp_page .products li.product { display: inline-block; vertical-align: top;width:100%;height:220px;}
#shopp .gallery {height:200px;}
#search-box div.otw-sidebar-4 div.widget {width:100%;}
.otw-sidebar-4 input[type=text] {width: 148px;}
}