/* ===================================================================================

Theme Name: Moderna Responsive Site Template
Theme URI: http://pixel-industry.com/moderna/Boxed/
Description: Moderna is Responsive and Creative Site Template 
Author: pixel-industry
Author URI: http://pixel-industry.com
Version: 1.1

Style: blue-default

======================================================================================*/


/*=====================================================================================
        SOCIAL GROUP STYLES
======================================================================================*/
        .wsc-login-and-social .registerGroup a span,
        .dnnForm.DnnModule-Messaging-Notifications .dnnAdminTabNav a span,
        .smListings .ActiveToggle
        {
            background: #f7c67c; 
        }
        
        .mdMemberDetails .mdHoverActions .mdComposeMessage a:hover
        {
            background-color:#f7c67c; 
        }
        
         .console-none h3:hover
        {
            border-color: #F7C67C;
        }


        .console-none h3:hover,
        .wsc-login-and-social .loginGroup .LoginLink:hover,
         #journalEditor #journalContent .juser, .journalrow .juser ,
         .dnnForm.DnnModule-Messaging-Notifications .dnnAdminTabNav li a:hover,
        .DnnModule-Messaging-Notifications .messageFolders .dnnTertiaryAction.active span
		{
		    color:#f7c67c;
		}
		
		/*	Buttons for Social Module
        ---------------------------------------------------- */		    
        .journalTools #btnShare.disabled,
        .journalTools #btnShare, 
        .jcmt li.cmtbtn a.disabled,
        .jcmt li.cmtbtn a,
        .coreMessaging .dnnPrimaryAction.ComposeMessage,
        .dnnManageUsers ul.dnnActions .dnnPrimaryAction:hover,
        .dnnManageUsers .dnnProfileDetails .dnnPrimaryAction,
        .dnnManageUsers .dnnPasswordDetails .dnnPrimaryAction,
        .dnnManageUsers .dnnUserDetails .dnnPrimaryAction,
        .ModSocialGroupsC .dnnGroupDirectory .dnnPrimaryAction,
        .dnnCoreMessagingFooter textarea#replyMessage + a.dnnPrimaryAction
        {
            background: #f7c67c;
            border: 1px solid #e5b670;
            box-shadow: 0 1px 2px #c8a36c;            
        }


        .journalTools #btnShare.disabled:hover,
        .journalTools #btnShare:hover, 
        .jcmt li.cmtbtn a.disabled:hover,
        .jcmt li.cmtbtn a:hover,
        .coreMessaging .dnnPrimaryAction.ComposeMessage:hover,
        .dnnManageUsers .dnnProfileDetails .dnnPrimaryAction:hover,
        .dnnManageUsers .dnnPasswordDetails .dnnPrimaryAction:hover,
        .dnnManageUsers .dnnUserDetails .dnnPrimaryAction:hover,
        .ModSocialGroupsC .dnnGroupDirectory .dnnPrimaryAction:hover,
        .dnnCoreMessagingFooter textarea#replyMessage + a.dnnPrimaryAction:hover
        {
            background: #f5c275!important;
        }
        
        .DnnModule-Messaging-Notifications .smListings .active .ActiveToggle,
        .DnnModule-Messaging-Notifications .smListings .active .ActiveToggle:hover,        
        .smListings .ActiveToggle:hover
        {
            background: #f1784d!important;        
        }    
        
    	   


/*=====================================================================================
        BASIC STYLES
======================================================================================*/
a:link, a:visited, a:active{
    color: #D88405;
}

a:hover{
    color: #f9a82e;
}

/* TEXT HIGHLIGHT */
.highlight-style{
    background: #f7c67c;
    color: #fff;
}

/*FINDOUT MORE LINK STYLE */
.find-out-more, a.find-out-more{
    color: #f7c67c;
}

a.find-out-more:hover{
    color: #f9a82e;
}

/*=====================================================================================
        SLIDER 
======================================================================================*/
.slide-elements h3 span{
    color: #f7c67c;
}


.anythingSlider-default .arrow a {
   display: block;
    width: 26px;
    height: 40px;
    margin: -25px 0 0 0; /* half height of image */
    text-align: center;
    outline: 0;  
    background: url('../../img/orange/slider-arrows.png') no-repeat;
}

/* back arrow */
.anythingSlider-default .back { left: -50px; }
.anythingSlider-default .back a { background-position:  -0px -40px; }
.anythingSlider-default .back a:hover,
.anythingSlider-default .back a.hover { background-position:  -0px -0px; }
/* forward arrow */
.anythingSlider-default .forward { right: -50px; }
.anythingSlider-default .forward a { background-position:  -26px -40px; }
.anythingSlider-default .forward a:hover,
.anythingSlider-default .forward a.hover { background-position:  -26px -0px; }



/*=====================================================================================
        HEADER CONTAINER STYLES
======================================================================================*/
#logo a{
}

#nav > li.active{
  background: #e53875;
    padding: 1px 15px;
    -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  -webkit-box-shadow: 0px 4px 0px #9e0038;
  -moz-box-shadow: 0px 4px 0px #9e0038;
  box-shadow: 0px 4px 0px #9e0038;
  text-decoration: none;
 
}

#nav  li:hover{
  background: #e53875;
    padding: 1px 15px;
    -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  -webkit-box-shadow: 0px 4px 0px #9e0038;
  -moz-box-shadow: 0px 4px 0px #9e0038;
  box-shadow: 0px 4px 0px #9e0038;
  text-decoration: none;
}

#nav li ul li a:hover,
#nav li ul li.active > a{
   /*color: #f7c67c;*/
}

/*=====================================================================================
        HOME PAGE STYLES
======================================================================================*/
/* PORTFOLIO CAROUSEL */
.carousel .carousel-nav li:hover
{
    background: #f7c67c;
}

.jcarousel-container .jcarousel-prev:hover,
.jcarousel-container .jcarousel-next:hover
{
    background-color: #f7c67c;
}

/*=====================================================================================
        SERVICES PAGE STYLES
======================================================================================*/

.icon1:hover{
    background: #f7c67c url('../../img/services/brush.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon2:hover{
    background: #f7c67c url('../../img/services/box.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon3:hover{
    background: #f7c67c url('../../img/services/mac.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon4:hover{
    background: #f7c67c url('../../img/services/chart.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon5:hover{
    background: #f7c67c url('../../img/services/pie.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon6:hover{
    background: #f7c67c url('../../img/services/rocke-t.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon7:hover{
    background: #f7c67c url('../../img/services/android.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon8:hover{
    background: #f7c67c url('../../img/services/arrow-down.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon9:hover{
    background: #f7c67c url('../../img/services/arrow-left.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon10:hover{
    background: #f7c67c url('../../img/services/arrow-right.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon11:hover{
    background: #f7c67c url('../../img/services/arrow-up.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon12:hover{
    background: #f7c67c url('../../img/services/book.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon13:hover{
    background: #f7c67c url('../../img/services/calendar.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon14:hover{
    background: #f7c67c url('../../img/services/camera.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon15:hover{
    background: #f7c67c url('../../img/services/chain.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon16:hover{
    background: #f7c67c url('../../img/services/chain2.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon17:hover{
    background: #f7c67c url('../../img/services/chrome.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon18:hover{
    background: #f7c67c url('../../img/services/firefox.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon19:hover{
    background: #f7c67c url('../../img/services/safari.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon20:hover{
    background: #f7c67c url('../../img/services/clapboard.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon21:hover{
    background: #f7c67c url('../../img/services/cog.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon22:hover{
    background: #f7c67c url('../../img/services/construction.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon23:hover{
    background: #f7c67c url('../../img/services/cup.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon24:hover{
    background: #f7c67c url('../../img/services/cut.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon25:hover{
    background: #f7c67c url('../../img/services/download.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon26:hover{
    background: #f7c67c url('../../img/services/flag.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon27:hover{
    background: #f7c67c url('../../img/services/folder.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon28:hover{
    background: #f7c67c url('../../img/services/globe.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon29:hover{
    background: #f7c67c url('../../img/services/graph.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon30:hover{
    background: #f7c67c url('../../img/services/hd.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon31:hover{
    background: #f7c67c url('../../img/services/help.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon32:hover{
    background: #f7c67c url('../../img/services/home.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon33:hover{
    background: #f7c67c url('../../img/services/idea.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon34:hover{
    background: #f7c67c url('../../img/services/image.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon35:hover{
    background: #f7c67c url('../../img/services/lab.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon36:hover{
    background: #f7c67c url('../../img/services/label.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon37:hover{
    background: #f7c67c url('../../img/services/lock.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon38:hover{
    background: #f7c67c url('../../img/services/mail.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon39:hover{
    background: #f7c67c url('../../img/services/marker.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon40:hover{
    background: #f7c67c url('../../img/services/paperclip.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon41:hover{
    background: #f7c67c url('../../img/services/pdf.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon42:hover{
    background: #f7c67c url('../../img/services/pencil.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon43:hover{
    background: #f7c67c url('../../img/services/phone.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon44:hover{
    background: #f7c67c url('../../img/services/preview.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon45:hover{
    background: #f7c67c url('../../img/services/rss.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon46:hover{
    background: #f7c67c url('../../img/services/shop.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon47:hover{
    background: #f7c67c url('../../img/services/shop.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon48:hover{
    background: #f7c67c url('../../img/services/speaker.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon49:hover{
    background: #f7c67c url('../../img/services/tool.png')  no-repeat;
    background-position:  -0px -0px;
}

.icon50:hover{
    background: #f7c67c url('../../img/services/warning.png')  no-repeat;
    background-position:  -0px -0px;
}



/*=====================================================================================
        PORTFOLIO PAGE STYLES
======================================================================================*/
#portfolio-filter li a:hover{
    color: #f7c67c;
}

#portfolio-filter .active a{
    color: #f7c67c !important;
}

figcaption .category{
    color: #f7c67c;
    text-transform: none;
}

figure.img-styled .img-hover{
    background: #f7c67c;
    opacity: 0.9;
}

figure.img-styled .img-hover li a,
figure.img-styled .subtitle{
    text-shadow: 0 1px 0 #ce9949;
}

figure.img-styled .img-hover li.portfolio-single:hover{
    background: url('../../img/orange-default/chain-hover.png') no-repeat center;
}

figure.img-styled .img-hover li.portfolio-grid:hover{
    background: url('../../img/orange-default/grid-hover.png') no-repeat center;
}

figure.img-styled .img-hover li.portfolio-zoom:hover{
    background: url('../../img/orange-default/zoom-hover.png') no-repeat center;
}

/* PORTFOLIO WITH SHOWCASE - SHOWCASE ITEM STYLE */
.showcase-nav li a:hover{
    color: #f7c67c;
}




/*=====================================================================================
        BLOG PAGE STYLES
======================================================================================*/
.grid_9.blog .meta .category.design{
    background: #f7c67c url('../../img/pen.png') no-repeat center;
}

.grid_9.blog .meta .category.photo{
    background: #f7c67c url('../../img/picture.png') no-repeat center;
}

.grid_9.blog .meta .category.video{
    background: #f7c67c url('../../img/movie.png') no-repeat center;
}


/* POST CONTENT STYLING */
.grid_9.blog .post .post-title a{
    background: #f7c67c;
    text-shadow: 2px 2px 0 #ce9949;
}


/* BLOG POST COMMENTS */
.post-comments .comments-li .comment .comment-meta h5:hover{
    color: #f7c67c;
}

.comment-form .submit{
    text-shadow: 2px 2px #ce9949;
}


/* BLOG POST NO IMAGE POST TITLE */
.grid_9.blog .post.no-image .post-title a:hover{
    color: #f7c67c;
}


.wsc_posts_list a.wsc_readmore, 
.wsc_posts_list a.wsc_readmore:link
{
    background: #f7c67c;
    border: 1px solid #e5b670;
    box-shadow: 0 1px 2px #c8a36c;
}

 .wsc_posts_list a.wsc_readmore:hover
{
    background: #f5c275;
}   



/*=====================================================================================
        CONTACT PAGE STYLE
======================================================================================*/
.contact-form .submit{
    text-shadow: 2px 2px #ce9949;
}

.FeedbackForm ul a.dnnPrimaryAction,
.FeedbackForm .Feedback_FooterBlock .Feedback_CommandButtons a,
.Feedback_Confirmation a.CommandButton
{
    background: #f7c67c;
    border: 1px solid #e5b670;
    text-shadow: 1px 1px #ce9949;
    box-shadow: 0 1px 2px #c8a36c;
}

.FeedbackForm ul a.dnnPrimaryAction:hover,
.FeedbackForm .Feedback_FooterBlock .Feedback_CommandButtons a:hover,
.Feedback_Confirmation a.CommandButton:hover
{
    background: #f5c275;
}   

/*=====================================================================================
        SIDEBAR  STYLE
======================================================================================*/
.aside-widgets li a:hover{
    color: #f7c67c;
}



/*=====================================================================================
        PAGINATION STYLE
======================================================================================*/
.pagination li:hover, .pagination li.arrow:hover{
    background: #f7c67c;
}

.pagination li.active{
    background: #f7c67c;
}



/*=====================================================================================
        FOOTER STYLES
======================================================================================*/
.container_12 .copyright .to-top:hover{
    background-color: #f7c67c;
}



/*=====================================================================================
        ELEMENTS
======================================================================================*/

.btn-big.style-color,
.btn-medium.style-color,
.btn-small.style-color{
    background: #f7c67c;
    border: 1px solid #e5b670;
    box-shadow: 0 1px 2px #c8a36c;
}

.btn-big.style-color span,
.btn-medium.style-color span,
.btn-small.style-color span{
    text-shadow: 1px 1px #ce9949;
}

.btn-big.style-color:hover,
.btn-medium.style-color:hover,
.btn-small.style-color:hover{
    background: #f5c275;
}


/* TABS STYLES */
.tabs li a:hover, .tabs li.active a{
    color: #f7c67c;
}



/* COLORED LIST STYLE */
/* CHECKLIST */
.list-check{
    background: url('../../img/orange-default/check-mark.png') 0 6px no-repeat;
}

/* ARROW */
.list-arrow{
    background: url('../../img/orange-default/arrow-mark.png') 0 10px no-repeat;
}

/* ERROR */
.list-error{
    background: url('../../img/orange-default/error-mark.png') 0 10px no-repeat;
}

/* SQUARE */
.list-square{
    background: url('../../img/orange-default/square-mark.png') 0 11px no-repeat;
}

/* STAR */
.list-star{
    background: url('../../img/orange-default/star-mark.png') 0 9px no-repeat;
}

/* THUMBDOWN */
.list-thumbdown{
    background: url('../../img/orange-default/thumbdown-mark.png') 0 8px no-repeat;
}

/* THUMBUP */
.list-thumbup{
    background: url('../../img/orange-default/thumbup-mark.png') 0 7px no-repeat;
}

/* ACCORDION */
.vertical-toggle div.title .text:hover{
    color: #f7c67c;
}

/* TOGGLE */
.accordion .title a:hover{
    color: #f7c67c;
}

/*=====================================================================================
        COLUMNS - 960 GS ILLUSTRATION
======================================================================================*/
.column-illustration .grid_1:hover .hover, 
.column-illustration .grid_3:hover .hover, 
.column-illustration .grid_4:hover .hover, 
.column-illustration .grid_6:hover .hover, 
.column-illustration .grid_8:hover .hover, 
.column-illustration .grid_12:hover .hover, 
.grid_12.column-illustration.last:hover .hover{
    background: #f7c67c;
}

/*=====================================================================================
        SLIDER 
======================================================================================*/
.slide-elements h3{
    color: #F7C67C;
}

.anythingSlider-default .arrow a {
   display: block;
    width: 26px;
    height: 40px;
    margin: -25px 0 0 0; /* half height of image */
    text-align: center;
    outline: 0;  
    background: url('../../img/orange/slider-arrows.png') no-repeat;
}

/* back arrow */
.anythingSlider-default .back { left: -50px; }
.anythingSlider-default .back a { background-position:  -0px -40px; }
.anythingSlider-default .back a:hover,
.anythingSlider-default .back a.hover { background-position:  -0px -0px; }
/* forward arrow */
.anythingSlider-default .forward { right: -50px; }
.anythingSlider-default .forward a { background-position:  -26px -40px; }
.anythingSlider-default .forward a:hover,
.anythingSlider-default .forward a.hover { background-position:  -26px -0px; }