/*
Theme Name:     De Brug
Theme URI:      N/A
Description:    Child theme for the Twenty Twelve theme
Author:         Frank's Websites | Frank van der Sluijs
Author URI:     http://frankswebsites.nl/
Template:       twentytwelve                             
Version:        0.1.0
Theme colors:	orange #b83e01, light orange #f5793b, yellow #ffde16
New colors:     green #31bc00
*/

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


/*****************************************
    MAIN MENU BACKGROUND & BORDERS
******************************************/

/* Main menu background & borders*/
#masthead {
padding-bottom: 0px;
}

nav#site-navigation {
	background-color: #ffffff;
	margin-top: 0px;
}
#menu-hoofdmenu {
	border-bottom:solid 1px #333333 !important;
  	text-align: center !important;
}

/* Submenu dropdown color */
#menu-hoofdmenu .sub-menu li a {
	background-color:#7d7d7d !important;
	border:solid 1px #959595 !important;
	color: #ebebeb;
}
.main-navigation li ul li a:hover {
	background: #fff;
}
.main-navigation li ul li a {
	background: #ababab;
}

.main-navigation li {
	padding-left: 15px;
	padding-right: 15px;
	margin-right: 5px;
}

ul.sub-menu > li {
	padding: 0px !important;
}

/*****************************************
    MAIN MENU TEXT ATTRIBUTES 
******************************************/

/* main navigation inactive text color */
.main-navigation li a {
	color: #333333;
}

/* main navigation active text color */
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a,
.main-navigation .current_page_ancestor > a {
	color: #222;
}

.main-navigation li:hover {
	color: #000;
	background-color: #cccccc;
}

/* submenu inactive color */
#menu-hoofdmenu .sub-menu li a {
	color: #fff;
}

/* submenu hover color */
#menu-hoofdmenu .sub-menu li a:hover {
	color: #000;
}

/* Main menu font */
.main-navigation li {
  font-family: "Viga", arial, sans-serif;
  font-size: 20px;
  font-size: 1.1rem;
}


/*****************************************
    BACKGROUND COLORS PER SITE AREA 
******************************************/

.site {
  background-color: #fff;
}

div#primary {
  background-color: #fff;
}

div#secondary {
  background-color: #fff;
}

div#main.wrapper {
  background-color: #fff;
}

footer#colophon {
  background-color: #fff; 
}

/*****************************************
     OTHERS
******************************************/

/* remove border on images */
img {
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2) !important;
}

/* Widget title styles */
h3.widget-title{
  background-color:#707070;
  color:#fff;
  padding-left:10px;
}


/* remove grey line under article */
.site-content article {
	border-bottom: 0px;
}

/* make line above footer more expressive */
footer[role="contentinfo"] {
	border-top: 3px solid #333333;
}

/* caption colors */
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	color: #707070;
}



/*****************************************
    FOOTER FIXES FOR MOBILE & RESPONSIVE
******************************************/

/* ===[ Footer Widget Areas ]=== */

.site-info { clear: both; }
#footer-widgets {
    width: 100%;
    border-top: none;
}


#footer-widgets .widget li { list-style-type: none; }
.template-front-page #footer-widgets { padding-top: 0; }
@media screen and (min-width: 600px) { 
    #footer-widgets.three .widget {
        float: left;
        margin-right: 3.7%;
        width: 30.85%;
        clear: none;
    }
        #footer-widgets.three .widget + .widget + .widget { margin-right: 0; }
}

/* for IE8 and IE7 */
.ie #footer-widgets.three .widget {
    float: left;
    margin-right: 3.7%;
    width: 29.85%;
    clear: none;
}

.ie #footer-widgets.three .widget + .widget + .widget { margin-right: 0; }
/* Hide footer widgets Homepage Template*/
.template-front-page #footer-widgets { display: none; }