/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* STANDARDS */
h1, h2, h3, h4, h5, h6 { color: #f28c0e; }
h1 { font-size: 240%; }
h2 { font-size: 200%; }
h3 { font-size: 200%; }
h4 { font-size: 160%; }

.colored { color: #f28c0e; font-size: 110%; }
.headlargetext {  }
.largetext {  }


/* HEADER */
.wd-dropdown-menu { width: 320px; }
.whb-col-right .wd-dropdown-menu.wd-design-default { left: 0; }
.site-logo img { max-width: 320px; transform: scale(1.4) !important; margin-top: 15px; }
.whb-sticked .wd-logo img { max-width: 120px !important; background: #fff; border-radius: 0 0 50% 40%; padding-bottom: 10px; }
.header-button-anruf { background: rgb(0,99,175); border-radius: 50px; padding: 10px; margin-left: 20px; }
.header-button-anruf a { color: #fff; }
#menu-item-155 i, #menu-item-154 i { margin-right: 6px; }

.wd-sub-menu li > a { color: rgb(53,53,53); }

/* SEITENLEISTE */
.seitenbuttons { position: fixed; right: 0; bottom: 20%; z-index: 99; }
.seitenbuttons a { background: rgb(0,99,175); padding: 10px; display: block; margin-bottom: 6px;}
.seitenbuttons a i { font-size: 30px; color: #fff; }

/* ELEMENTE */
.haekchen-liste ul li { list-style: none; }
.haekchen-liste ul li:before { content: '✔'; margin-left: -20px; margin-right: 8px; color: #f28c0e; font-size: 120%;}
.personenboxen .persobox > .vc_column-inner { border: solid 2px #f28c0e; border-radius: 30px; padding: 20px; }
.personenboxen .persobox > .vc_column-inner a { text-decoration: underline; color: rgb(0,99,175); }

/* FORMS */
.wpcf7-form .row > .column.one { width: 100%; }
.wpcf7-form .row > .column.one-third { width: 33%; }
.wpcf7-form .row > .column.two-third { width: 66%; }
.wpcf7-form .row > .column.one-second { width: 50%; }

.wpcf7-form .row > [class*="col"] { flex: unset !important; }
.wpcf7-form .refdynhidden { display: none; visibility: hidden; }
div.wpcf7 input[type="submit"] { background-color: rgb(242,140,14); }

/* FOOTER */
.wd-footer { font-size: 85%; color: #fff; }
footer .widget { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
.footerbild { margin-bottom: 30px; }
.prefootreihe { overflow: visible; height: 320px; margin-top: 50px; }
.prefoot-bild { z-index: 99; margin-top: -240px; position: relative; display: block; margin-bottom: 0 !important;  }
.prefoot-bild img { width: 480px; margin-bottom: -62px; }
#block-14 { font-size: 90%; }


/* STANDARDS */
.whitecolor, .whitecolor h1, .whitecolor h2, .whitecolor h3, .whitecolor h4, .whitecolor p, .whitecolor span, .whitecolor ul, .whitecolor li,  .whitecolor a, .whitecolor a.button span { color: white; }
.whitecolor a { color: white !important; }
.whitecolor span.button, .whitecolor .wpcf7-submit { background: rgb(0,99,175) !important; color: #fff !important; }
.whitecolor a.button:hover span, .whitecolor .largebgtext, .whitecolor span.button:hover, .whitecolor .wpcf7-submit:hover { background: rgb(0, 72, 128) !important; color: white !important; }
.whitecolor form input, .whitecolor form textarea { border-color: white; }

.headlargetext { font-size: 175%; text-transform: uppercase; line-height: 125% !important; }
.headlargetext a { color: #111111 !important; }
.largetext { display: block; font-size: 135%; line-height: 130%; margin-bottom: 10px; }

span.button, .wpcf7-submit, .button-default .button, .button-flat .button, .button-round .button, .button-round input[type="submit"] { display: inline-block; padding: 20px 30px 18px 30px; background: #f28c0e; color: white; font-size: 95%; line-height: 130%; margin: 5px; border-radius: 100px; transition: all 0.1s ease-in-out 0.1s, visibility 0.2s ease-in-out; box-shadow: 0 0 30px rgba(0,0,0,0.2); text-transform: none; }
span.button:hover, .wpcf7-submit:hover { background: rgb(0,99,175); color: white; }


/* RESPONSIVE */

@media screen and (max-width: 768px) {

	.prefootreihe { height: auto; padding: 30px; padding-bottom: 0; margin-top: 0 !important; }
	body .prefoot-bild { margin-top: -50px; position: inherit; margin-bottom: 0px !important; }
	.prefoot-bild img { width: 240px !important; margin-bottom: 0px !important; }
	.wd-logo img { max-width: 120px !important; background: #fff; border-radius: 0 0 50% 40%; padding-bottom: 10px !important; transform: none !important; }
}