/*======================================================================*\
|| #################################################################### ||
|| # Package - Joomla Template based on YJSimplegrid Framework          ||
|| # Copyright (C) 2010  Youjoomla.com. All Rights Reserved.            ||
|| # license - PHP files are licensed under  GNU/GPL V2                 ||
|| # license - CSS  - JS - IMAGE files  are Copyrighted material        ||
|| # bound by Proprietary License of Youjoomla.com                      ||
|| # for more information visit http://www.youjoomla.com/license.html   ||
|| # Redistribution and  modification of this software                  ||
|| # is bounded by its licenses                                         ||
|| # websites - http://www.youjoomla.com | http://www.yjsimplegrid.com  ||
|| #################################################################### ||
\*======================================================================*/
body { color: #000000; }
/* links highlight and fa deviders */
a, .highlight, [class*='facolor'].fa:before { color: #D64541; }
/* hovers */
a:focus, a:hover { color: #111; }
/* text highlight */
::selection { background: #D64541; color: #fff; }
::-moz-selection {
 background: #D64541;
 color:#fff;
}
/* headings */
h1, h2, h3, h4, h5, h6 { color: #111; }
.yjsg-sub-heading, .yjsg-sticky-menu a.active-scroll, [data-sticky-block] a.active-scroll:before { border-color: #D64541; }
/* logo */
#logo { background: url(../images/red/logo-fairfashionguide.gif) no-repeat center center; }
/* newsitems */
#article-index ul { border: 1px solid #dcdcdc; }
#article-index ul li { border-bottom: 1px solid #dcdcdc; }
.newsitem_tools { color: #888; }
/* rating stars */
.view-article .yjsg-rating:hover .fa-star, .fa-star.rated { color: #FC0; }
/* form elements  */
.yjsg-form-element, .inputbox { background: #fff; border: 1px solid #dcdcdc; }
.yjsg-form-element, .inputbox:focus { }
/*Top menu */
#topmenu_holder, .ulholder.dlevel1 { background: none; }
.yjsgmenu ul, .yjsgmenu li.holdsgroup ul ul { background: #04101c; border: none; box-shadow: none; }
.yjsgmenu li a { color: #fff; }
.yjsgmenu ul li { border-bottom: 1px solid #0a1e32; }
.yjsgmenu a.activepath, .yjsgmenu a:hover, .yjsgmenu a:focus, .yjsgmenu li:hover > .child a { background: none; }
/* has child arrows */
.yjsgmenu span.child a:after { content: "\f111"; }
.yjsgmenu ul span.child a:after { content: "\f111"; }
.yjsgmenu ul span.child a:hover:after { content: "\f111"; }
/* side menu */
.defaultmenu li a { border-bottom: 1px solid #D4D4D4; }
.defaultmenu a.isactivea, .defaultmenu li a:hover { background: #f5f5f5; color: #121212; }
.defaultmenu li a:before { content: ""; }
/* footer logo  */
.yjsglogo { background: url(../images/red/logo-fairfashionguide.gif) no-repeat center center; }
/* responsive menu */
span.yjmm_select { color: #fff; border: 1px solid rgba(255, 255, 255, 0.1); }
span.yjmm_select:after { content: "\f111"; font-size: 7px; }
/* RTL */
/* has child arrows */
.yjsgrtl ul.yjsgmenu ul span.child a:after { content: "\f111"; }
/* side menu */
.yjsgrtl ul.defaultmenu li a:before { content: "\f053"; }
/*error*/
.yjsg-page-error #header { background: #D64541; }
/* Top menu*/
/*module*/
ul.yjsgmenu div.yj_menu_module_holder .module_title { color: #fff; }
ul.yjsgmenu div.yj_menu_module_holder .yjsg-form .yjsg-form-prepend, ul.yjsgmenu div.yj_menu_module_holder .yjsg-form .yjsg-form-append { background-color: #04101c; border-color: #091e32; }
ul.yjsgmenu div.yj_menu_module_holder .yjsg-form .yjsg-form-element { border: 1px solid #091e32; background-color: #04101c; }
ul.yjsgmenu div.yj_menu_module_holder .button:hover { background: #fff; color: #111; }
/* Switcher */
#layout_type { background: #fff; }
/* Defaults */
#logoholder { border-right: 1px solid rgba(255, 255, 255, 0.1); }
#yjsg1 .yjsg-module-positions, .extrapos1 .yjsg-module-positions, .dark-holder .yjsg-module-positions, #yjsg7 .yjsg-module-positions { border-color: #2f475b; }
/*inputs*/
.yjsg-element-holder input, .yjsg-form .yjsg-form-element, .yjsg-element-holder select, .yjsg-form .inputbox { border: 2px solid #f1f1f1; }
/*buttons*/
.button, a.readon { color: #fff; }
/*hover*/
.button:hover, a.readon:hover { color: #fff; background: #111; }
/*user profile*/
.yjsg-userpages.user dt { color: #111; }
/*next, prev*/

.yjsg-pager-links .pager li.previous > a, .yjsg-pager-links .pager li.next> a { color: #000000; text-decoration:none;background: #ffffff none repeat scroll 0 0;}
/*hover*/
.yjsg-pager-links .pager li.previous > a:hover, .yjsg-pager-links .pager li.next> a:hover {  color: #000000;text-decoration:underline; }
/*pagination*/
ul.yjsg-pagination-links > li > a, ul.yjsg-pagination-links > li > span, ul.yjsg-pagination-links > li > a:hover, ul.yjsg-pagination-links > li > span:hover {  }
/*article links*/
ul.yjsg-more-articles-links li, ul.yjsg-more-articles-links { border-color: #f1f1f1; }
/*tables*/
table.yjsg-table-bordered, table.yjsg-table-bordered td, table.yjsg-table-bordered th { border-color: #f1f1f1; }
/* Backgrounds */
.centertop-out:before, .yjsg7-out:before {  }
#centertop { border-bottom: 1px solid rgba(255, 255, 255, 0.1);  background: #e8bec3 none repeat scroll 0 0;}

.yjsg7-out { background: url(../images/gridbg/vision.jpg) no-repeat center center ;   
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.gray-holder, .yjsg6-out, .extrapos4-out { background: #ffffff; }
.dark-holder {background:#fff07d; background: url(../images/gridbg/kundenempowerment.png) no-repeat center center ;   
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}

#pathway ul.breadcrumb { background-color: #fafafa; }
/* Colors */
#yjsg1 h1, #yjsg1 h2, #yjsg1 h3, #yjsg1 h4, #yjsg1 h5, #yjsg1 h6, #yjsg1 a, #yjsg1, .extrapos1 h1, .extrapos1 h2, .extrapos1 h3, .extrapos1 h4, .extrapos1 h5, .extrapos1 h6, .extrapos1 a, .extrapos1, .dark-holder h1, .dark-holder h2, .dark-holder h3, .dark-holder h4, .dark-holder h5, .dark-holder h6, .dark-holder a, #yjsg7 h1, #yjsg7 h2, #yjsg7 h3, #yjsg7 h4, #yjsg7 h5, #yjsg7 h6, #yjsg7 a, #yjsg7 {  }
.dark-holder { color: #000000; }
/* Module styles */
.yjsg6, .yjsg7 { background: #fafafa; }
.yjsg7 h1, .yjsg7 h2, .yjsg7 h3, .yjsg7 h4, .yjsg7 h5, .yjsg7 h6, .yjsg7 a:hover, .yjsg7 { color: #fff; }
.yjsg7 a { color: #111111; }
/* Paragraphs */
.intro-italic-dark { color: #111111; }
/* Buttons */
.button-color, .button-dark, .button-gray { color: #fff; }
.button-color:hover, .button-dark { background: #111; color: #fff; }
.button-gray { background: #efefef; color: #111; }
/*hover*/
.button-dark:hover, .button-gray:hover { color: #fff; }

/* Sticky side menu */
.tstickymenu ul li a { -webkit-box-shadow: inset 0 0 0 0px rgba(0, 0, 0, 1), 0 0 0 1px rgba(0, 0, 0, 1); 
                   -moz-box-shadow:    inset 0 0 0 0px rgba(0, 0, 0, 1), 0 0 0 1px rgba(0, 0, 0, 1); 
				    box-shadow:        inset 0 0 0 0px rgba(0, 0, 0, 1), 0 0 0 1px rgba(0, 0, 0, 1); }

/*hover,active*/
.tstickymenu ul li.active a,.tstickymenu ul li a:hover  { 
                  -webkit-box-shadow: inset 0 0 0 8px rgba(0, 0, 0), 0 0 0 2px rgba(0, 0, 0); 
                   -moz-box-shadow:   inset 0 0 0 8px rgba(0, 0, 0), 0 0 0 2px rgba(0, 0, 0); 
                   box-shadow:        inset 0 0 0 8px rgba(0, 0, 0), 0 0 0 2px rgba(0, 0, 0); }



/* Socials */
.tsocials ul li a { border-left: 1px solid rgba(255, 255, 255, 0.1); }
/* Creative arrow */
.homepage .creative-arrow { background: url(../images/mouse-scroll.png) no-repeat center center; }
/* About us */
.homepage .yjsg2-out { background: url(../images/curated.jpg) no-repeat center top; min-height:500px;}
.taboutus .yjsg-col-1-2:first-child { border-right: 1px solid #efefef; }
/* Recent work */
.homepage .gray-holder { background-image: url(../images/grid3-img.jpg); }
.tengine .yjme_item a.item_title { color: #111; }
/*nav*/
.gridsfx-tengine a.yjsgsliderNav { background: #04101c; color: #fff; }
.gridsfx-tengine a.yjsgsliderNav:hover { color: #fff; }
/* Our skills */
.homepage .yjsg4-out { background-image: url(../images/grid4-img-left.jpg); }
.tskills h4, .tskills .percentage { color: #111; }
.tskills .progress-bar { background: #efefef; }




/* Clients */
.tclients img { border: 5px solid rgba(255, 255, 255, 0.05); }
.tclients p { background: url(../images/quotes.png) no-repeat left 10px; }
/*pagination*/
.gridsfx-tclients ul.yjsgsliderPagination li a { background: #071d31; -webkit-box-shadow: 0 0 0 0 rgba(7, 29, 49, 1); -moz-box-shadow: 0 0 0 0 rgba(7, 29, 49, 1); box-shadow: 0 0 0 0 rgba(7, 29, 49, 1); }
.gridsfx-tclients ul.yjsgsliderPagination li.active a, .gridsfx-tclients ul.yjsgsliderPagination li a:hover { background: #fff; -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 1); -moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, 1); box-shadow: 0 0 0 1px rgba(255, 255, 255, 1); }
/* Meat the team */
.homepage .yjsg6-out { color:#000000;background:#ffffff; }
.homepage .yjsg6-out:after { }
/*socials*/
.tengine.team .team-socials a { background: #fff; color: #111; }
/*hover*/
.tengine.team .team-socials a:hover { color: #fff; }
/* Subscribe */
.tsubscribe .inputbox_email { border: 2px solid rgba(255,255,255,0.1); }
.tsubscribe .button-color:hover { background: #fff; color: #111; }
/* Partners */
.tpartners a { background: url(../images/red/partner1.png) no-repeat center top; }
.tpartners a.two { background: url(../images/red/partner2.png) no-repeat center top; }
.tpartners a.three { background: url(../images/red/partner3.png) no-repeat center top; }
.tpartners a.four { background: url(../images/red/partner4.png) no-repeat center top; }
.tpartners a.five { background: url(../images/red/partner5.png) no-repeat center top; }
/*hover*/
.tpartners a:hover { background-position: center bottom; }
/* Footer socials */
.footer-socials li a { background: #fff; border: 1px solid #c9c9c9; color: #c9c9c9; }
/*hover*/
.footer-socials li a:hover { color: #fff; }
/* Team members page */
.teammembers .team-socials a { color: #fff; }
.teammembers .team-socials a:hover { background: #111; color: #fff; }
/* Hover effect */
.yj-hover { background: #04101c; }
.yj-hover-plus { color: #fff; }
/* RTL */
.yjsgrtl #logoholder { border-left: 1px solid rgba(255, 255, 255, 0.1); }
.yjsgrtl .tsocials ul li a { border-right: 1px solid rgba(255, 255, 255, 0.1); }


.footer_out  {background:#E7E7E7;}