/*   
Theme Name: Energy Galore
Theme URI: http://goo.gl/DvvpA
Description: Developed by Zero Gravity Design Studios: <a href="http://goo.gl/DvvpA">http://goo.gl/DvvpA</a>. <a href="mailto: zg.design.studios@gmail.com">zg.design.studios@gmail.com</a>
Author: Rahul Verma
Author URI: http://goo.gl/ccGDY
*/

/*
Red: #d6001b
Blue: #1a267b
*/

/* ======================================== reset ========================================  */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0; padding:0; border:0; outline:0; vertical-align:baseline; text-decoration:none; outline:none}
:focus {outline:0}
a:active {outline:none}
ol,ul {list-style:none}
table {border-collapse:separate; border-spacing:0}
caption,th,td {text-align:left; font-weight:normal}
blockquote:before,blockquote:after,q:before,q:after {content:""}


/* ======================================== clearfix ======================================== */

#wrapper:after, #header:after, #middle:after, #main:after, #sidebar:after, #footer:after, .shell:after, .block:after, .form p:after {content: "."; display:block; height:0; font-size:0px; clear:both; visibility:hidden}

/* \*/ * html #wrapper{height:1px} /* */
/* \*/ * html #header{height:1px} /* */
/* \*/ * html #middle{height:1px} /* */
/* \*/ * html #main{height:1px} /* */
/* \*/ * html #sidebar{height:1px} /* */
/* \*/ * html #footer{height:1px} /* *
/* \*/ * html .shell{height:1px} /* */

/* \*/ * html .block{height:1px} /* */
/* \*/ * html .form p {height:1px} /* */


/* ======================================== generic styles ========================================  */

body {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#444; background:#b9adad;}

.background {width:100%; left:0; position:absolute; top:109px; z-index:-1;}

.page-id-16 {background:#deb97e !important;}
.page-id-518,
.page-id-533 {background:#10396f !important;}
.page-id-526 {background:#ffffff !important;}

h1, h2, h3 {color:#333; font-family: Helvetica;}
h1 {font-size:24px; padding:0 0 15px; line-height:32px;}
h2 {font-size:20px; padding:0 0 8px;}
h3 {font-size:18px; padding:0 0 8px;}
h4 {font-size:16px; line-height:26px;}
h5 {font-size:15px; line-height:20px;}
h6 {font-size:14px;}

p {padding:0 0 15px; line-height:24px}
a {color:#1a267b}
a:hover {color:#d6001b}

ul li {margin:7px 0 0 15px; list-style:disc;}

i, em, b , strong, li, blockquote {line-height:24px;}

hr {height:2px; margin:30px 0; border:none; background:#e2e2e2; color:#e2e2e2; line-height:2px}

blockquote {padding:0 30px;}
img {display:block;}
sup {font-size:0.8em; vertical-align:super !important;}


/* ======================================== generic classes ========================================  */

.block {width:100%;}
.col-left {float:left}
.col-right {float:right}

.alignleft {margin-right:10px; float:left; display:inline}
.alignright {margin-left:10px; float:right; display:inline; }
.aligncenter {margin:10px auto; display:block; clear:both;}

.highlight {color:#d6001b; font-weight:bold;}
.highlight span {color:#1a267b;}

/* ---------------------- social media icons ---------------------- */

.social-media-icons a {width:35px; height:35px; margin:0 5px 0 0; float:left; display:block; background:url('images/social-media-icons.png') no-repeat; text-indent:-9999px;}
.social-media-icons a:hover {filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7}
.social-media-icons a.facebook {background-position:0 0;}
.social-media-icons a.twitter {background-position:0 -35px;}
.social-media-icons a.linkedin {background-position:0 -70px;}
.social-media-icons a.tidytemple {background-position:0 -105px;}

/* ---------------------- buttons ---------------------- */

.buttons a {float:right;}

.btn {width:auto; height:29px; float:left; padding:0 30px 0 15px; margin:10px 0 0; display:block; background:url('images/btn.gif') no-repeat 100% 0; color:#fff !important; font-size:13px; font-weight:bold; line-height:28px}
.btn:hover {background:url('images/btn.gif') no-repeat 100% -29px}

/* ---------------------- form ---------------------- */

.frm_primary_label {padding-bottom:5px !important; font-size:14px !important;}
.frm_form_fields input[type=text],
.frm_form_fields textarea {border:1px solid #e2e2e2 !important;}
.frm_form_fields select {border:1px solid #e2e2e2 !important;}

/* ======================================== wrapper ========================================  */

#wrapper {width:100%; margin:0 auto; position:relative;}
.shell {width:960px; margin:0 auto; position:relative;}


/* ======================================== header ========================================  */

#header {width:100%; height:126px; border-top:3px solid #fff; background:url('images/header-bg.png') repeat-x 0 0;}
.logo {width:305px; height:156px; display:block; position:absolute; top:0; left:-13px; z-index:10; ; background:url('images/logo-energy-galore.png') no-repeat 0 0; text-indent:-9999px;}

/* ---------------------- main-nav ---------------------- */

#main-nav {margin:35px 90px 0px 0px; display:block; float:right;}
#main-nav li {padding:0; display:inline; margin:0 0 0 20px; background:none;}
#main-nav li a {color:#fff; font-size:16px; font-weight:bold}
#main-nav li a:hover,
#main-nav li.current-menu-item a,
#main-nav li.current-page-ancestor a,
#main-nav li.current-post-ancestor a,
#main-nav li.current_page_item a {color:#d6001b;}

/* ---------------------- paypal-button ---------------------- */

.paypal-button {width:74px; height:21px; position:absolute; bottom:14px; right:15px;}


/* ======================================== middle ========================================  */

#middle {width:900px; padding:30px 30px 0; margin:375px 0 0; background:#fff; box-shadow:0 0 15px #777;}
#main {width:100%; float:left;}
#sidebar {width:270px; float:right; padding:0 0 15px; display: none;}

#main.full-width {width:100%;}

#main.services {width:400px;}
#sidebar.services {width:470px; height:870px; position:relative; background:url('images/services.jpg') no-repeat 100% 0;}

.page-bottom {height:15px; clear:both;}

.banner-top img {width:966px; position:absolute; top:-18px; left:0;}


/* ======================================== main ========================================  */

.post ul {padding:0 0 25px 15px}

.posts .block {padding:0 0 35px; margin:0 0 35px; border-bottom:2px solid #eee;}
.posts .block .col-left {width:298px; border:2px solid #f1f1f1;}
.posts .block .col-left a {display:block;}
.posts .block .col-left a img {width:298px; display:block; margin:0 auto;}
.posts .block .col-right {width:575px;}
.posts .block .col-right h2 {padding:0 0 5px; color:#1a267b;}
.posts .block .col-right small {padding:0 0 5px; display:block;}

.meta span {color:#bbb; padding:0 3px;}

.post-single {padding:0 0 35px}
.post-single .block h1 {padding:0 0 5px;}
.post-single .block small {padding:0 0 5px; display:block;}

.entry img {border:2px solid #f1f1f1;}

.nothing-found {margin:0 0 70px;}

.audioplayer_container {padding:3px 0 0;}

.youtube_sc {padding:0 !important; border:1px solid #e2e2e2;}


#wp_email_capture_2 {width:225px; padding:20px; margin:10px auto 25px; background:#f5f5f5; border:1px solid #d2d2d2;}
#wp_email_capture_2 label {width:50px; margin:0 0 7px; display:block; float:left; line-height:22px;}
#wp_email_capture_2 input[type=text] {width:150px; margin:0 0 10px 10px; padding:3px 5px; display:block; float:left; border:1px solid #d2d2d2 !important;}
#wp_email_capture_2 input[type=submit] {margin:0 0 0 60px; padding:1px 3px; float:left; font-size:14px;}

/* ---------------------- Comments ---------------------- */

#comments {padding:20px 0 0;}

#respond input[type=text], #respond textarea {padding:4px 7px; margin:0 0 5px; border:1px solid #d2d2d2; color:#555555; font-family:Arial, Helvetica, sans-serif; font-size:12px}
#respond textarea:focus, #respond input[type=text]:focus {border:1px solid #d2d2d2}

#respond {margin-top:20px;}

.commentlist {list-style:none; margin:0; padding:0;}
.commentlist li.comment {width:500px; margin:20px 0; padding:0; list-style:none;}
.commentlist .avatar {height:20px; width:20px; margin-right:5px; display:inline;}
.commentlist li.comment .fn {font-size:15px; font-weight:bold; font-style:normal}
.commentlist li.comment .comment-meta {font-size:11px; color:#777; padding:0 0 5px; line-height:16px}
.commentlist li.comment .children {padding:0 0 0 20px; margin:5px 0 5px 10px; border-left:2px solid #e2e2e2}


/* ======================================== sidebar ========================================  */

.benefits {color:#1b267b;}
.benefits h2 {font-size:20px;}

#sidebar.services .contact-us {width:192px; height:51px; position:absolute; top:594px; right:254px;}

#sidebar .widget-heading h2 {padding:8px 12px; background:#444; color:#fff; font-size:18px;}
#sidebar .widget-body {padding:7px 20px 20px 20px; border:1px solid #aaa; border-top:0;}


/* ======================================== footer ========================================  */

#footer {width:900px; padding:30px 30px 15px; margin:20px 0 0; background:#fff; box-shadow:0 0 15px #777;}
#footer .social-media-icons {width:250px; float:left}

#footer .copyright {width:650px; float:right; font-size:12px; text-align:right;}
#footer .copyright p {padding:0;}
#footer .copyright p span a {color:#444;}

/* ======================================== Custom ========================================  */
.products li {
    list-style: none;
    margin: 0px 125px 25px 0px !important;
    width: 100px !important;
}
form.cart .variations select {
    margin: 8px 0px 8px 0px;
}
div.summary {
    float: left !important;
}
div.product div.images {
    width: auto !important;
    margin-right: 20px;
}
.products li a img {
    display: block;
    margin: 0px 0px 8px !important;
    border: 1px solid rgb(221, 221, 221);
    padding: 3px;
    background: #f4f4f4;
    border-radius: 3px;
}
.products li .price .from {
    padding-bottom: 0px !important;
}
.products li strong {
    font-family: Century Gothic;
    margin-bottom: 3px;
}
.products li a:hover img {
    opacity: .8;
}
a.button:hover {
    background: #4481CD !important;
}
div.jigoshop_error, div.jigoshop_message {
    padding: 10px 10px 15px 32px !important;
}
img.attachment-shop_small.wp-post-image {
	width: 200px !important;
    	height: 200px !important;
}

.products li strong{
color: #555;
display: block;
width:175px !important;
}

.products li .price{
color: green;
display: block;
font-weight: 400;
float: left !important;
text-align: left !important;

}


@media(min-width:786px){video{display: none;}}
@media(min-width:1000px){video{display: block;}}

.education{position: absolute;
right: 40%;
top: 5%;
background-image: -webkit-linear-gradient(top, #fee201, #B3A009 50%);
padding: 5px 10px;
border-radius: 3px;
font-size: 18px;
font-weight: bold;
color: #FFF;}

.other_services{
position: absolute;
right: 35%;
top: 5%;
background: black;
padding: 5px 10px;
border-radius: 3px;
font-size: 14px;
font-weight: bold;
color: #FFF;
}