/*
Theme Name: DirectoryS
Theme URI: http://themeforest.net/user/holobest/portfolio
Description: Listings WordPress Theme
Author: Holobest
Author URI: http://themeforest.net/user/holobest
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl.html
Version: 1.2.1
*/

.wp-caption {
    max-width: 100%;
}

.wp-caption-text {}
.sticky {}
.gallery-caption {}
.bypostauthor {}

.alignright {
    display: block;
    float: right;
    margin: 3px 0 0 10px;
}

.size-full {
    max-width: 100%;
    height: auto;
}

.alignleft {
    display: block;
    float: left;
    margin: 3px 10px 0 0;
}

.aligncenter {
    display: block;
    clear: both;
    margin: 10px auto;
}

.admin-bar #header-container {
    padding-top: 28px !important;
}

@media (max-width: 979px) {
    .admin-bar #header-container {
        padding-top: 0 !important;
    }
}

/* DCWD */
body { font-size: 14px; }
a { color: #364EA2; }
.content ul { list-style-type: none; }

.content ul.checkmark-list li { position: relative; }
.content ul.checkmark-list li:before {
  content: '\e819'; /* FontAwesome char code inside the '' */
  font-family: 'FontAwesome'; /* FontAwesome or whatever */
  display: inline-block;
  width: 1.5em; /* same as padding-left set on li */
  margin-left: -1.3em; /* same as padding-left set on li */
  position: absolute;
}​

.logo-box img { padding: 5px 0; }

header #menu-main { margin-top: 20px; }
header { border-bottom: 16px solid #06a7e1; }
header .container { position: relative; }
#header-btn { width: 300px; height: 71px; position: absolute; bottom: -40px; right: 0; cursor: pointer; }

.recent-news-items ul li { border-top: none; border-right: none; border-left: none; border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; }
.recent-news-items ul li:last-child { border-bottom: none !important; }

h1 { color: #364EA2; font-weight: medium; font-size: 36px; }
h1.dcwd-page-title { color: #FFF; font-weight: 900 !important; font-size: 50px; margin-top: 35px; text-shadow: 0px 0px 5px rgba(47, 106, 130, 0.75); }

h2 { font-size: 18px; font-weight: 300 !important; }

p { font-size: 14px; }

#menu-main { position: relative; z-index: 9999; }
header .navbar-nav .default-dropdown > ul { margin-top: -30px; }
#dcwd-banner { width: 100%; height: 165px; background: url(7794588e462d05b74a63349366943a7d944082cd.jpg)  no-repeat; background-color: #566ec3; background-position: center center; border-bottom: 32px solid #F15922; margin-bottom: 30px; display:none;  }
.page-template-default .home-top, .single .home-top { padding: 0; margin-top: 0; }
.archive .home-top, .category .home-top { display: none; }
header .default-dropdown li a { white-space: nowrap; }
header .navbar-nav > li > a { font-size: 14px; }
header .default-dropdown li a { font-weight: 500; color: #364EA2; }

.single-dcwd-event .event-wrap { background: #f7f7f7; border-bottom: 3px solid transparent; }
.single-dcwd-event .event-content-wrap { padding: 15px; }
.single-dcwd-event:hover .event-wrap { 
	border-bottom: 3px solid #364EA2;
	-webkit-transition: border-color 300ms ease-out 0.3s;
    -moz-transition: border-color 300ms ease-out 0.3s;
    -o-transition: border-color 300ms ease-out 0.3s;
    transition: border-color 300ms ease-out 0.3s;
}
.single-dcwd-event .event-thumb { width: 100%; height: 300px; position: relative; background-size:cover; }
.single-dcwd-event .event-thumb-inside { position: absolute; width: 100%; height: 300px; background: #364EA2; opacity: 0; }
.single-dcwd-event:hover .event-thumb-inside { 
	opacity: 0.6;
	-webkit-transition: opacity 300ms ease-out 0.3s;
    -moz-transition: opacity 300ms ease-out 0.3s;
    -o-transition: opacity 300ms ease-out 0.3s;
    transition: opacity 300ms ease-out 0.3s;
}

.single-dcwd-event .event-title { font-size: 21px; color: #636363; }
.single-dcwd-event:hover .event-title { 
	color: #364EA2;
	-webkit-transition: color 300ms ease-out 0.3s;
    -moz-transition: color 300ms ease-out 0.3s;
    -o-transition: color 300ms ease-out 0.3s;
    transition: color 300ms ease-out 0.3s;
}

.single-dcwd-event .event-date, .single-dcwd-event .event-time { color: #364EA2; }
.single-dcwd-event .event-community { color: rgb(247,148,30); }

.single-dcwd-event .events-more { background: #363636; padding: 10px; color: #FFF; font-weight: 700; }
.single-dcwd-event:hover .events-more { 
	background: #898989;
	-webkit-transition: background 300ms ease-out 0.3s;
    -moz-transition: background 300ms ease-out 0.3s;
    -o-transition: background 300ms ease-out 0.3s;
    transition: background 300ms ease-out 0.3s;
}



.single-dcwd-news .news-wrap { background: #f7f7f7; border-bottom: 3px solid transparent; }
.single-dcwd-news .news-content-wrap { padding: 15px; }
.single-dcwd-news:hover .news-wrap { 
	border-bottom: 3px solid #364EA2;
	-webkit-transition: border-color 300ms ease-out 0.3s;
    -moz-transition: border-color 300ms ease-out 0.3s;
    -o-transition: border-color 300ms ease-out 0.3s;
    transition: border-color 300ms ease-out 0.3s;
}
.single-dcwd-news .news-thumb { width: 100%; height: 200px; position: relative; background-size: cover; }
.single-dcwd-news .news-thumb-inside { position: absolute; width: 100%; height: 200px; background: #364EA2; opacity: 0; }
.single-dcwd-news:hover .news-thumb-inside { 
	opacity: 0.6;
	-webkit-transition: opacity 300ms ease-out 0.3s;
    -moz-transition: opacity 300ms ease-out 0.3s;
    -o-transition: opacity 300ms ease-out 0.3s;
    transition: opacity 300ms ease-out 0.3s;
}

.single-dcwd-news .news-title { font-size: 19px; color: #636363; line-height: 22px; display: inline-block; margin-bottom: 7px; }
.single-dcwd-news:hover .news-title { 
	color: #364EA2; 
	-webkit-transition: color 300ms ease-out 0.3s;
    -moz-transition: color 300ms ease-out 0.3s;
    -o-transition: color 300ms ease-out 0.3s;
    transition: color 300ms ease-out 0.3s;
}

.single-dcwd-news .news-date, .single-dcwd-news .news-time { color: #364EA2; display: inline-block; margin-bottom: 7px; }
.single-dcwd-news .news-community { color: rgb(247,148,30); }

.single-dcwd-news .news-more { color: #364EA2; }
.single-dcwd-news .news-more .fa-play { font-size: 10px; position: relative; top: -1px; left: 7px; }

.single-dcwd-news .news-excerpt { margin-bottom: 25px; height: 75px; }

.widget-dcwd-event .event-title { font-size: 21px; color: #636363; display: inline-block; margin-bottom: 7px; }
.widget-dcwd-event .event-date, .widget-dcwd-event .event-time { color: #364EA2; display: inline-block; margin-bottom: 7px; }
.widget-dcwd-event .event-community { color: #F7941E; display: inline-block; margin-bottom: 7px; }

header .logo-wrapper { padding: 20px 0; }

.gfield { margin-bottom: 15px; }
.gform_wrapper .top_label .gfield_label { font-weight: 500 !important; }
.gform_wrapper .ginput_complex label { color: #364EA2; }
.gform_wrapper input[type="text"], .gform_wrapper input[type="url"], .gform_wrapper input[type="email"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="number"], .gform_wrapper input[type="password"], .gform_wrapper select  {
	border: 1px solid #ACACAC;
	font-family: 'verdana' !important;
}
 .gform_wrapper select option {
	font-family: 'verdana' !important;
	color: #364EA2;
}
.gform_wrapper .gfield_checkbox li label { font-weight: 500; font-size: 13px; color: #364EA2; }
.gform_wrapper ul.gfield_radio li input[type="radio"]:checked + label, .gform_wrapper ul.gfield_checkbox li input[type="checkbox"]:checked + label { font-weight: 600 !important; }
input[type="submit"] { background-color: #364EA2 !important; }
input[type="submit"]:hover { background-color: #F7941E !important; }

.copyright-text a { color: #9399A2; }
.copyright-text a:hover { text-decoration: none; color: #FFF; }

/* Button 1 */
#Button-1 { position: relative; width: 196px; height: 62px; opacity: 0.75; transition: all 1s ease; }
#Button-1:hover { cursor: pointer; opacity: 1; transition: all 1s ease; }
#Button-1:hover #btn1-sun { transform: scale(1.2, 1.2); transition: all 0.3s linear; }
#Button-1 #btn1-sun { position: absolute; top: 12px; right: 15px; width: 30px; height: 30px; transition: all 0.3s linear; }

/* Button 2 */
#Button-2 { position: relative; width: 196px; height: 62px; opacity: 0.75; transition: all 1s ease; }
#Button-2:hover { cursor: pointer; opacity: 1; transition: all 1s ease; }
#Button-2:hover #btn2-sun { transform: rotate(360deg); transition: all 3s ease; }
#Button-2 #btn2-sun { position: absolute; top: 12px; right: 15px; width: 30px; height: 30px; }

/* Button 3 */
#Button-3 { position: relative; width: 196px; height: 62px; transition: all 1s ease; }
#Button-3 .under { position: absolute; top: 0; left: 0; width: 196px; height: 62px; z-index:0; }
#Button-3 .over { position: absolute; top: 0; left: 0; width: 196px; height: 62px; z-index: 10; transition: all 1s ease; }
#Button-3:hover { cursor: pointer; transition: all 1s ease; }
#Button-3:hover .over { opacity: 0; transition: all 1s ease; }
#Button-3 #btn3-sun { position: absolute; top: 12px; right: 15px; width: 30px; height: 30px; z-index: 99; }

/* Button 4 */
#Button-4 { position: relative; width: 204px; height: 48px; transition: all 1s ease; opacity: 0.75; }
#Button-4:hover { cursor: pointer; transition: all 1s ease; opacity: 1; }
#Button-4:hover #btn4-sun { transform: scale(1.15, 1.15); transition: all 0.3s linear; }
#Button-4 #btn4-sun { position: absolute; top: 9.5px; left: 9px; width: 29px; height: 29px; z-index: 99; transition: all 0.3s linear; }

/* Button 5 */
#Button-5 { position: relative; width: 204px; height: 48px; opacity: 0.75; transition: all 1s ease; }
#Button-5:hover { cursor: pointer; opacity: 1; transition: all 1s ease; }
#Button-5:hover #btn5-sun { transform: rotate(360deg); transition: all 3s ease; }
#Button-5 #btn5-sun { position: absolute; top: 9.5px; left: 9px; width: 29px; height: 29px; }

/* Button 6 */
#Button-6 { position: relative; width: 204px; height: 48px; transition: all 1s ease;  }
#Button-6 .under { position: absolute; top: 0; left: 0; width: 204px; height: 48px; z-index:0; background-size: 100% 100%; }
#Button-6 .over { position: absolute; top: 0; left: 0; width: 204px; height: 48px; z-index: 10; transition: all 1s ease; }
#Button-6:hover { cursor: pointer; transition: all 1s ease; }
#Button-6:hover .over { opacity: 0; transition: all 1s ease; }
#Button-6 #btn6-sun { position: absolute; top: 9.5px; left: 9px; width: 29px; height: 29px; z-index: 99; }

/* header-btn */
#header-btn { width: 300px; height: 71px; transition: all 1s ease; }
#header-btn .under { position: absolute; top: 0; left: 0; width: 300px; height: 71px; z-index:0; }
#header-btn .over { position: absolute; top: 0; left: 0; width: 300px; height: 71px; z-index: 10; transition: all 0.5s ease; }
#header-btn:hover { cursor: pointer; transition: all 1s ease; }
#header-btn:hover .over { opacity: 0; transition: all 0.5s ease; }
#header-btn:hover #main-btn-sun { transform: scale(1.2, 1.2); transition: all 0.3s linear; }
#header-btn #main-btn-sun { position: absolute; top: 15px; right: 16px; width: 42px; height: 42px; z-index: 99; transition: all 0.3s linear; }

/* Events Feed */
.post-type-archive-events .blog-wrapper .post-media, .category .blog-wrapper .post-media { margin-bottom: 8px; height: auto; width: 100%; overflow: hidden; }
.post-type-archive-events .blog-wrapper .post-media .fa-search, .category .blog-wrapper .post-media .fa-search { display: none; }
.post-type-archive-events .blog-wrapper .post-body, .category .blog-wrapper .post-body { margin-bottom: 35px; }
.post-type-archive-events .cat-item, .category .cat-item { display: inline-block; padding: 0 15px; }
.post-type-archive-events .cat-item a, .category .cat-item a { color: #364EA2; }
.post-type-archive-events .cat-item a:hover, .category .cat-item a:hover { text-decoration: none; color: #F7941E; }
.post-type-archive-events .current-cat a, .category .current-cat a { color: #F7941E; }
.post-type-archive-events .cat-item-1, .category .cat-item-1 { display: none; }
.post-type-archive-events .cat-item-all, .category .cat-item-all { display: inline-block; padding-right: 15px; }
.post-type-archive-events .cat-item-all a:hover, .category .cat-item-all a:hover { text-decoration: none; color: #F7941E; }


.holo-main-slider { border-bottom: 32px solid #06a7e1; }

.copyright-text { color: #fff !important; }
.copyright-text a { color: #fff !important; }
.socials i { color: #fff; }

.how-solar-works-list li { margin-bottom: 8px; }

.homepage-bucket { background: #fbfcff; border: 1px solid #d0d2d9; height: 550px; }
.box.counter.main { background: #2f318d !important; }

footer .textwidget, footer .textwidget a, footer .widget li a { color: #fafafa; }
footer .widget ul li a:hover, #footer .widget .tweet-box p, #footer .widget .contact-widget, #footer .widget .tagcloud, footer .textwidget { color: #fafafa; }

@media screen and (max-width: 1200px) {
	
	header .logo-wrapper {width: 320px; height: 83px; }
	#header-btn { width: 200px; height: 46px; background-size: 200px 46px; bottom: -30px; }
	
}

@media screen and (max-width: 480px) {
	header .logo-wrapper { width: 250px; height: 65px; }
	header > .container { padding: 12px 8px; }
}

/*.post-type-archive-events header, .post-type-archive-news header {
    margin-bottom: 0;
}*/

.custom-community-item{
  background-image: url(03cc907b0bb135190e011747137033d9846a3be2.jpg) ;
  background-position: left top;
  background-repeat: no-repeat;
  max-width: 375px;
  padding:20px;
  margin: 0px;
  background-color: #0FA7D9;
  min-height:492px;
}
.custom-community-item h3{
  color: #FFF;
}
.custom-community-item ul{
  padding-left: 20px;
}
.custom-community-item ul.menu li{
  background-image: url(ca3224e174316bb6515e117fbed77f167a5a489e.png) ;
  background-position: left 2px;
  list-style: none;
  line-height: 35px;
  background-repeat: no-repeat;
  padding:0 0 0 30px;
} 
.custom-community-item ul.menu li a{
  color: #fff;
  text-decoration: none;
  box-shadow: none;
  font-size: 20px;
}
.custom-community-item ul.menu li a:hover{
  color: #FFFFFF;
  background-color: #21B3E6;
}