/* 

Theme Name:     Local Business child
Theme URI:      http://www.bobdewebbouwer.nl/localbusiness/
Description:    Custom theme voor local business
Author:         Bob de webbouwer
Author URI:     https://www.bobdewebbouwer.com
Template:       localbusiness
Version:        19042018
*/



/* Headings */

h1 {color: #f19f3c;} /* Kleur van de paginatitel */
h2 {color: #f19f3c;} /* Kleur van belangrijke tussenkoppen */
h3 {color: #f19f3c;} /* Kleur van minder belangrijke tussenkoppen */
h4 {color: #000;} /* Kleur van minst belangrijke tussenkoppen (/



/* Hyperlinks */

a:link {color:#252aec;} /* Kleur normale hyperlink */
a:visited {color:#666;} /* Kleur bezochte hyperlink*/
a:hover {color:#f19f3c;} /* Kleur hyperlink bij mouse over */



/* Hyperlinks in content #inhoud */

#inhoud a:link {color: #252aec;
				text-decoration: none;
				border-bottom: #252aec 1px dotted;}
#inhoud a:visited {color: #999;
					text-decoration: none;
					border-bottom: #999 1px dotted;}
#inhoud a:hover {color: #f19f3c;
			     text-decoration: none;
				 border-bottom: #f19f3c 1px dotted;}



/* Header */

#site-description {margin: 42px 0 10px 0px; color: #252aec;} /* slogan */


			/* Vak met contactgegevens in de header */
			#widgetheader {width: 380px; background: #fff; background: rgba(255, 255, 255, 0.7); border: 2px solid #fff;} /* Achtergrondkleur en border */
			#widgetheader a {color: #333;}
			#widgetheader a .underline:hover {border-bottom: 1px dotted #333;}			
			#widgetheader ul.button li {background: #252aec;} /* Achtergrondkleur van de buttons */
			#widgetheader ul.button li a {color: #fff;} /* Kleur van de tekst in de buttons */
			#widgetheader ul.button li:hover {background: #5f63ed;} /* Achtergrondkleur van de buttons bij mouse over */
			
			#widgetheader li#custom_html-2 {width: 60%;} /* Header widget contactgegevens 60% breed */
			#widgetheader li#custom_html-3 {width: 40%;} /* Header widget buttons 40% breed */
			
			
			/* Rerveren button header */
			li.cta {background: #f19f3c!important; } /* Achtergrondkleur */
			li.cta a {color: #fff!important;} /* Kleur van de tekst */
			li.cta:hover {background: #ff8b00!important;} /* Achtergrondkleur bij mouse over */
			

			/* Kleur van de rand om foto's in de header */
			#fotoheader img {border: 4px solid #fff; border-color: rgba(255, 255, 255, 0.7);} 
			
			
			/* kleur van de border om de search box */
 			#search input[type=text] {border: 1px solid #999;} 



/* Navigatiemenu */

#menuboven {background: #1e23ec; background: linear-gradient(#1e23ec, #5f63ed);} /* Achtergrondkleur van het menu */
#menuboven li a {color: #fff; border-right: 1px solid #9E9E9E;} /* Kleur van de links in het menu (menu items) */
#menuboven li a:hover {color: #fff; background: #f19f3c; } /* Kleur van de links in het menu bij mouse over */
#menuboven li.current_page_item a {background: #f19f3c;} /* Kleur van het geselecteerde menu item */


			/* Submenu */
			
			#menuboven li ul {background-color: #fff; background: rgba(255, 255, 255, 0.9);} /* Achtergrondkleur van de submenu items */



/* Call to action button #inhoud */
				
.cta a {background: #f19f3c; color: #fff!important;} /* Achtergrondkleur en tekstkleur */
.cta a:hover {background: #ff8b00;} /* Achtergrondkleur bij mouse over */



/* Kleur van de submit buttons (zoeken, verzenden) */

input[type=submit] {background: #f19f3c!important; color: #fff;}
input[type=submit]:hover {background: #ff8b00!important;} /* Bij mouse over */


/* Content */

.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {padding: 20px 0 0px 0 !important; font-size: 15px;}
.elementor-button {line-height: 6px !important; color: #fff !important;}

ul.vinkje li {list-style-image:url(/localbusiness/wp-content/themes/localbusiness/foto/vinkje.png);} 



/* Sidebar links (alleen op webshop pagina's, in WooCommerce.php */
				  
#sidebarlinks {float: left; width: 14%; min-width: 175px; font-size: 0.8em; padding: 0 2% 2% 2%; margin: 1% 3% 20px 1%;}
#sidebarlinks ul {margin: 0px; padding: 0px;}
#sidebarlinks li {list-style-type: none!important; margin: 0 0 5px 0;}
#sidebarlinks li.cat-item {padding: 10px 0 0px 0;}
#sidebarlinks li a {text-decoration: none!important;}
#sidebarlinks li a:hover {text-decoration: underline!important;}
#sidebarlinks ul.children {margin: 10px 0 20px 20px; font-style: italic;}
#sidebarlinks .price_label {clear: left!important; float: left!important;}


/* Contactformulier */

.wpforms-container label {font-size: 15px !important; font-weight: normal !important;}


/* Footer */

#footer-wrapper h2 {} /* Kleur van de kopjes in de footer */
#footer-wrapper .button {background: #265789;} /* Achtergrondkleur van de contactbuttons in de footer */
#footer-wrapper .button:hover {background: #999;}  /* Achtergrondkleur van de contactbuttons in de footer bij mouse over */
#footer-wrapper #footerkolom2 ul li ul li {padding: 0 0 10px 0;} /* Openingstijden in footer kolom 2 iets meer padding */


/* Afbeeldingen */

.size-thumbnail {} /* Afmetingen van foto thumbnail */
.size-medium {} /* Afmeting en kleur rand van foto medium */
.size-large {} /* Afmeting en kleur rand van foto groot */
.attachment-post-thumbnail {width: 100px; height: auto; border: 0px;}/* Afmetingen en rand uitgelichte afbeelding op nieuwspagina */