@import url(https://fonts.googleapis.com/css?family=Crafty+Girls);
@charset "utf-8";

@font-face{
	font-family: 'Open Sans 400';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans'), local('OpenSans'), url("//sochicken.nl/wp-content/themes/sochicken/fonts/open-sans-400.woff") format('woff');
}
@font-face{
	font-family: 'Open Sans 700';
	font-style: normal;
	font-weight: 700;
	src: local('Open Sans Bold'), local('OpenSans-Bold'), url("//sochicken.nl/wp-content/themes/sochicken/fonts/open-sans-700.woff") format('woff');
}
@font-face{
	font-family: 'Source Sans Pro 300';
	font-style: normal;
	font-weight: 300;
	src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url("//sochicken.nl/wp-content/themes/sochicken/fonts/source-sans-pro-300.woff") format('woff');
}
@font-face{
	font-family: 'Source Sans Pro 400';
	font-style: normal;
	font-weight: 400;
	src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url("//sochicken.nl/wp-content/themes/sochicken/fonts/source-sans-pro-400.woff") format('woff');
}
@font-face{
	font-family: 'Source Sans Pro 600';
	font-style: normal;
	font-weight: 600;
	src: local('Source Sans Pro Semibold'), local('SourceSansPro-Semibold'), url("//sochicken.nl/wp-content/themes/sochicken/fonts/source-sans-pro-600.woff") format('woff');
}

body{font-family:'Open Sans',sans-serif;font-size:18px;}
h1,h2,h3,strong{font-weight:bold;}
h1,h2,h3{letter-spacing:-1px;line-height:22px;}
h1{font-size:24px;margin-bottom:20px;}
h2{font-size:22px;margin-bottom:10px;margin-top:20px;}
h3{font-size:18px;margin-bottom:7px;}
p{margin-bottom:15px;line-height:22px;}
.actionbtn {display: none;}

.contain-to-grid {background: #fff;}
.top-bar {background: #fff;}
.top-bar h1 {color: #999 !important;}
.top-bar-section li a {background: #f4f3f3 !important; color: #999 !important; border-right: 1px solid #fff;}
.top-bar-section li a:hover {background: #eee !important; color: #666 !important;}
.top-bar .toggle-topbar.menu-icon a span::after {box-shadow: 0 0px 0 1px #999, 0 7px 0 1px #999, 0 14px 0 1px #999;}
.top-bar.expanded .title-area {background: #f5f5f5;}

.top-bar-section li.db-link a {background: #fff !important;padding-left:0 !important; color: #b0b0b0 !important;}
.top-bar-section li.db-link a:hover {background: #fff !important;color: #999 !important;}


.altnav {background: #F39100;}
.altnav .tab-bar {background: #d5d5d5;}
.altnav .left-small {border-right-color: #fff;}
.altnav, .altnav .lesson-box {background: #F39100;}
.altnav .btn {color: #7e511e; box-shadow: 0 5px 0 #7e511e;}
.altnav .helpbox {background: #7e511e;}
.altnav .lesson-view h1, .altnav .lesson-view a {color: #7e511e;}
.altnav .middletitle .title {color: #fff;}
.tab-bar {background: #fff;}
.middletitle h1 {text-align: center;letter-spacing: 0; font-size: 15px;}
.left-off-canvas-menu {background: #eee;}
ul.off-canvas-list li label {background: #ccc; border-top: 2px solid #ccc; color: #fff;}
ul.off-canvas-list li a {color: #666; border-bottom-color: #fff;}
ul.off-canvas-list li a:hover {background: #fff;}
#svg-logo {margin-top: 6px; height: 32px; width:32px;}
h1.coursetitle{color:#999;font-family:'Source Sans Pro',sans-serif;font-weight:300;font-size:40px;letter-spacing:-3px;line-height:30px;}
h1.assigntitle{text-align:center;margin-bottom:30px;}

/*.top-bar-section .has-dropdown > a:after {border-color: #999;}*/

.extrabox{margin-top:15px;color:#999;}
.extrabox p{font-size:14px;}
.extrabox h3{font-size:16px;margin-bottom:0;letter-spacing:0;color:#666;}
.verder{text-align:right;}.lessonintro{padding-left:0;}
.helpbox{padding-right:0;}
.social-small{width:100px;height:100px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;background-repeat:no-repeat;background-position:center;background-size:cover;margin-bottom:7px;}

/* Button */
.btn {
	background: #fff;
	color: #999; 
	padding: 25px 30px 25px 30px; 
	font-family: 'Source Sans Pro', sans-serif; 
	font-size: 22px;
	box-shadow: 0 5px 0 #999; 
	border-radius: 5px;
	display: inline-block;
	font-weight: 600;
	-webkit-transition: all .15s ease-out;
	-moz-transition: all .15s ease-out;
	transition: all .15s ease-out;	
}
.btn:hover {
	opacity: 0.9;
	-webkit-opacity: 0.9;
	-webkit-transition: all .15s ease-out;
	-moz-transition: all .15s ease-out;
	transition: all .15s ease-out;	
}
.btn:active {
	box-shadow: none !important;
	-webkit-transform: translate(0, 5px);
	-moz-transform: translate(0, 5px);
	transform: translate(0, 5px);
}
.disabled {
	background: #eee;
	box-shadow: 0 0 0 #fff !important; 
	color: #999 !important;
}
.btn:hover {
	opacity: 1;
	-webkit-opacity: 1;
}
.disabled:active {
	transform: none;
}
.btnsmall {
	padding: 10px 20px 10px 20px; 
	font-size: 19px;
}

/* Login */
.login {background: #fff; border-radius: 7px; -webkit-border-radius: 7px; padding: 20px; margin-top: 30px;}
.login h1 {color: #666}
.login a, .login li a {color: #999; font-size: 13px;}
.login input[type="email"], .login input[type="password"], .login input[type="text"], .login input[type="url"], .login input[type="number"], .login textarea {box-shadow: none; -webkit-box-shadow: none; border-radius: 3px; -webkit-border-radius: 3px;}
.login input[type="email"]:active, .login input[type="password"]:active, .login input[type="text"]:active {box-shadow: none; -webkit-box-shadow: none;}
.register {border-left:1px solid #eee;}
.register p, .login p, .coupon p, .login li {color: #888; font-size: 14px; line-height: 24px;}
.register .btn, .login .btn {font-size: 16px;}
.login .panel {padding: 10px; border-radius: 3px; -webkit-border-radius: 3px; color: #666;}

/* Coupon box */
.couponbox {background: #fff !important; color: #999; padding: 15px; border-radius: 5px; -webkit-border-radius: 5px; padding: 17px 20px 10px 15px;}
.couponbox h2 {color:#999; margin-top: 0;}
.couponbox p {font-size: 15px; line-height: 22px;}


/* Home */
.home-intro, .course-intro, .shop-intro, .sp-intro {background: #F49100; padding-top: 60px; padding-bottom: 50px; color: #fff;}
.home-intro h1, .course-intro h1, .shop-intro h1, .sp-intro h1 {color: #fff;font-family:'Source Sans Pro',sans-serif;font-weight:600; font-size: 40px; letter-spacing: -2px; line-height: 34px;}
.home-intro p, .course-intro p, .inventory p, .shop p, .shop-intro p, .sp-intro p {line-height: 30px;}

.current, .shop, .inventory, .faq {background: #fff; padding-top: 50px; padding-bottom: 50px;}
.inventory {background: #eee;}

.current {padding-top: 40px;}
.llabel {color: #999; font-weight: bold; letter-spacing: -1px;}
.clabel {color: #ccc; padding-left: 15px; letter-spacing: -1px;}
.current h2 {color: #7e511e; margin-top: 10px;}
.current p {color: #666; line-height: 30px;}
h3.subtitle {color: #ccc; font-size: 28px; font-family:'Source Sans Pro',sans-serif;font-weight:600; margin-bottom: 40px;}

.cover {box-shadow: 6px 6px 0 0 rgba(6,8,8,0.2); margin-bottom: 10px;}
.courselist {margin-top: 30px;}
.courselist h3 {line-height: 20px; color: #585858; font-size: 18px; margin-top: 10px;}
.courselist .ctagline {color: #bfbfbf; font-size: 15px; font-weight: bold; line-height: 15px; letter-spacing: -0.3px;}
.inventory .courselist .ctagline {color: #ababab;}

.inventory h2 {font-size:30px; color: #7e511e;}
.inventory p {color: #585858;}

.shop h2 {font-size:30px; color: #7e511e;}
.shop p {color: #585858;}
.plus-link {opacity: 0.75; -webkit-opacity: 0.75;}
.plus-link:hover {opacity: 1; -webkit-opacity: 1;}

/* Types */
.type {font-size: 11px; padding: 2px 7px; background: #52bad5; color: #fff; border-radius: 5px; -webkit-border-radius: 5px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0;}
.type1 {background: #ff7949;}
.type2 {background: #e6bd42;}

/* Single Course */
.course-intro .llabel {color: #fff; opacity: 0.7; -webkit-opacity: 0.7;}
.course h2 {font-size: 30px; margin-top: 5px; letter-spacing: -1.5px;}

.outline {padding-top: 50px; padding-bottom: 80px; color: #999; background: #f3f3f3;}
.outline h3, .outline a, .outline p {color: #999;}
.outline h3 {margin-bottom: 10px;}

.outline ul {list-style: none; padding: 0; margin: 0;}
.outline li.outline-module {padding: 12px; padding-left: 20px; margin-bottom: 3px; margin-top: 30px; font-size: 17px;}
.outline li.outline-lesson {padding: 12px; padding-left: 36px; background: #fff; margin-bottom: 3px; margin-left: 20px;}

.outline li.outline-lesson:hover {background-color: #dfdfdf;}
.outline .inactive {color: #ccc;}
li.outline-lesson.inactive:hover {background: #fff;}

section.download {background: #f3f3f3;}

.mdt, .lst {margin-right: 30px;}

/* Helpbox */
.helpbox {position: fixed; bottom: 0; right: 0; margin-right: 20px; margin-bottom: 20px; text-align: center; width: 50px; height: 50px; background: #999;-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;opacity: 0.75; -webkit-opacity: 0.75; position: fixed; z-index: 1001;}
.helpbox:hover {opacity: 1; -webkit-opacity: 1;}
.helpbox a {display: block; padding: 10px; padding-top: 7px; font-size: 24px; font-weight: bold; color: #fff;}

.orangebtn {
	background: #F39100;
	color:#fff !important;
}
.greenbtn {
	background: #00a400;
	color:#fff !important;
	box-shadow: 0 5px 0 #007900 !important;
}
.coralbtn {
	background: #F39100;
	color: #fff !important;
}

/* Module intro */
.wow {-webkit-opacity: 0; opacity: 0;}
.module-intro {color: #fff; padding-top: 30px;}
.module-intro h3 {font-size: 24px; color: #fff; font-weight: 300; margin-bottom: 5px; letter-spacing: 0; font-family: 'Source Sans Pro',sans-serif; text-transform: lowercase; padding-bottom: 5px;}
.module-intro h1 {font-size: 55px; color: #fff; font-weight: normal; font-family: 'Crafty Girls', cursive; letter-spacing: -4px; line-height: 50px; padding-top: 10px;}
.module-intro p {font-size: 24px; -webkit-opacity: 0.75; opacity: 0.75; line-height: 30px; margin-top: 20px; margin-bottom: 20px; font-family: 'Source Sans Pro', sans-serif; color: #fff;-webkit-transition: all 1s ease-out;-ms-transition: all 1s ease-out;-o-transition: all 1s ease-out;-moz-transition: all 1s ease-out;transition: all 1s ease-out;}
.module-intro p:hover {-webkit-opacity: 1; opacity: 1;-webkit-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.intro-ctitle {-webkit-opacity: 0.5; opacity: 0.5; text-transform: lowercase;}
.intro-mtitle {-webkit-opacity: 0.7; opacity: 0.7; text-transform: lowercase; font-size: 40px;font-family: 'Source Sans Pro',sans-serif; letter-spacing: -2px;}

/* Lesson */
#intro {min-height:100vh;}
.lesson-content p, .lesson-content h2, .lesson-content li, .lesson-content h3, .lesson-main li, .lesson-main {color: #666;}
section.lesson-view {background: #fff; padding-top: 50px; width: 100%;}
.lesson-box {padding: 15px 20px; border-radius: 5px; -webkit-border-radius: 7px;}
.lesson-box p, .lesson-box h3, .lesson-box li {color: #fff; opacity: 0.85; -webkit-opacity: 0.85;}
.lesson-box p, .lesson-box li {font-size: 15px; line-height: 24px;}
.lesson-box h3 {letter-spacing: 0;}
.author-box {padding: 0; margin-bottom: 15px;}
.author-box p {font-size: 14px; color: #b5b5b5;}
.author-box h3 {color:#b5b5b5;}
.leader p {color: #999; display: inline-block; font-size: 24px !important; font-family: 'Source Sans Pro',sans-serif !important; letter-spacing: -1px !important; width: 85%; line-height: 34px !important;}

.lesson-view a {font-weight: bold; letter-spacing: -0.5px;}
.lesson-view a:hover {border-bottom: 2px solid #dddddd; box-shadow: 0 2px 0 #eee;}
.lesson-view h1 {font-family:'Crafty Girls', cursive; font-size: 50px;letter-spacing: -1.5px; margin-bottom: 60px; line-height: 44px;}

.lesson-main {padding-bottom: 30px;}
.lesson-main p, .lesson-main li {font-size: 17px; line-height: 28px; letter-spacing: -0.3px;}
.lesson-main h2 {margin-top: 30px; margin-bottom: 5px;}
.lesson-main > h2:first-child{margin-top: 0;}
.lesson-main .box {padding: 15px 20px 15px 20px; background: #afafaf; color: #fff; border-radius: 5px; -webkit-border-radius: 7px; font-size: 17px; line-height: 28px; letter-spacing: -0.3px;}
.lesson-main .box ul, .lesson-main .box ol {margin-left: 22px;}
.lesson-main .box li {background-color: #afafaf !important; color: #fff; padding-left: 0; padding-bottom: 0;}
.lesson-main .box p {color: #fff;}
.lesson-main li:nth-child(odd), .sp-block li:nth-child(odd) {background-color: #f0f0f0;}
.lesson-main li:nth-child(even), .sp-block li:nth-child(even) {background-color: #fdfdfd;}
.lesson-main li {margin: 0;margin-bottom: 1px;padding: 7px;padding-left: 12px;line-height: 24px;}

section.assignments {border-top: 25px solid #fff;}
.assignments {background: #eee; padding-top: 20px; padding-bottom: 20px;}
.assignments h1 {font-family:'Crafty Girls', cursive; font-size: 50px;letter-spacing: -2px; margin-bottom: 50px; margin-top: 20px; line-height: 34px; color: #999;}
.question h3 {margin-top: 0; color: #858585; line-height: 18px; letter-spacing: -0.5px;}
.question p {font-size: 15px; line-height: 20px; color: #999;}

.answer textarea {box-shadow: none; border-radius: 3px; border-color: #c1c1c1; -webkit-border-radius: 3px; padding: 10px; min-height: 150px; color: #666; line-height: 20px; font-size: 16px;}
.answer textarea:focus {background: #fffbec;border-color: #ccc;}

.proceed {padding-top: 30px; margin-bottom: 20px;}

.vote {margin-top: 20px;}
.vote p {color: #fff; font-size: 13px; margin-bottom: 5px;opacity: 0.5; -webkit-opacity: 0.5;}
.vote a img {opacity: 0.5; -webkit-opacity: 0.5; }
.vote a img:hover, .vote a:active img, .vote a:visited img {opacity: 1; -webkit-opacity: 1;}
.vote-feedback, .vote-thanks {display: none;}

.intermezzo-body p, .intermezzo-body li {font-size: 19px; line-height: 26px;}

.lesson-main .cb li {cursor: pointer !important;}
.lesson-main .cb li:hover {background-color: #fff187 !important;}
.lesson-main .cb li.cb-active {background-color: green !important; color: #fff !important;}

a.browseback {background: #d27f00; padding: 7px 15px; color: #fff; font-size: 13px; border-radius: 4px;display:block;}
a.browseback:hover {color:#fff;}

/* Shop */
.bluebtn {background: #52bad5; color: #fff !important; background-image: -webkit-linear-gradient(top, #F4F4F4 0, #fff 500px); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);}
.shop-naw {background: #fff; margin-top: 20px; padding: 20px; border-radius: 7px; -webkit-border-radius: 7px;}
.coupon {background: #fff; padding-bottom: 200px;}
.coupon h3 {margin-top: 0;}

/* Salespage */
.sp-intro .llabel {color: #fff; font-size: 22px; letter-spacing: 0; font-weight: normal; opacity: 0.75; -webkit-opacity: 0.75;}
.sp-intro h1 {font-size: 50px; line-height: 55px; letter-spacing: -1px; margin-top: 15px; margin-bottom: 30px; font-weight: 300;}
.sp-intro p {margin-bottom: 25px; font-size: 18px;}
.sp-image {background: #eee;}
.sp-block {background: #fff; padding-top: 50px; padding-bottom: 50px; color: #777;}
.sp-block h2 {color: #666;}
.sp-block p {line-height: 28px;}
.sp-block .box {padding: 15px 20px 15px 20px; background: #fffdd2; border-radius: 7px; -webkit-border-radius: 7px;}
.sp-block .box p, .sp-block .box li, .sp-block .box {line-height: 28px; font-size: 16px;}


.sp-intro a.login-link {color: #fff; font-size: 15px; padding-top: 10px; display: inline-block; opacity: 0.6; -webkit-opacity: 0.6;}
.sp-intro .scroll-link {color: #fff; font-size: 15px; padding-top: 15px; display: inline-block; opacity: 0.6; -webkit-opacity: 0.6;}

.sp-block ul {list-style: none; margin-left: 0;}
.sp-block li {background-image: url('/img/icon-check-2.png'); background-repeat: no-repeat; background-size: 20px 20px; background-position: 10px 13px; padding: 10px; padding-left: 43px;}
.sp-block .content h2 {margin-top: 30px; margin-bottom: 20px;}

.benefits-intro {margin-top: 65px;}
.benefits {margin-top: 35px;}
.benefit {min-height: 140px;}
.benefit p {font-size: 15px; line-height: 24px; color: #777;}
.benefit h3 {color: #666;}
.benefit-logo {top:125px;}

.sp-orderbar {background: #eee; padding-top: 7px; padding-bottom: 11px;}
.toplink a {font-size: 15px; color: #999; padding: 10px 15px 10px 15px;}
.toplink {margin-top: 10px;}
.toplink a:hover {background: #ccc; color: #fff; border-radius: 5px; -webkit-border-radius: 5px;}

.sp-main h2, .sp-block h2 {margin-top: 0; font-size: 26px; margin-bottom: 15px;}
.round {border-radius: 50%; -webkit-border-radius: 50%;}
.centerblock {border-left: 1px solid #eee; border-right: 1px solid #eee;}
.sp-icon {width: 150px; height: 150px; margin-bottom: 25px;}
.split-3 p {color: #999; line-height: 28px;}
.experience p {color: #999; line-height: 28px; margin-bottom: 50px;}
.experience h3 {margin-bottom: 20px;}

.aanloop {padding-top: 0;}

.box {padding: 15px;}
.box .panel {border: 0; padding: 20px 25px 20px 25px;}
.box .panel p {color: #666;}
.yellow {background: #fffdd2}

.reviews li {background: #eee; padding: 20px 25px 20px 25px; font-size: 14px; line-height: 26px; text-indent: -4px; font-style: italic;}
.rv-name {font-weight: bold; font-size: 14px; background-image: url('/img/icon-broednest.png'); display: inline-block; height: 21px; background-repeat: no-repeat; margin-top: 10px; background-size: 20px; padding-left: 30px; background-position: 0 1px; font-style: normal; line-height: 22px;}
.review-block {padding-bottom: 20px; padding-top: 0px;}

.faq {padding: 0; background: #fafafa;}
.faq h2 {font-size: 20px; letter-spacing: -0.5px; color: #999; margin-bottom: 5px; margin-top: 25px;}
.faq p {font-size: 15px; line-height: 24px;}

.quote-block {padding-top: 70px; padding-bottom: 10px;}
.quote p {font-size: 35px; line-height: 40px; color: #999; font-family:'Source Sans Pro',sans-serif}
.mark1, .mark2 {font-family: Times; font-size: 90px; color: #ccc;}
.mark1 {float: left; margin-top: -30px;}
.mark2 {float: right; margin-top:-80px;}
.colored p, .colored .mark1, .colored .mark2 {color: #fff;}

.grey {background-color: #fafafa;}
.grey2 {background: #eee;}
.gradient {background-image: linear-gradient(to bottom, #F4F4F4 0, #fff 500px);}

.buybox h2 {margin-top: 0; font-size: 30px; color: #666; margin-bottom: 20px;}
.buybox p {line-height: 26px; color: #666;}
.euro {font-size: 32px; color: #999; padding-left: 10px; font-weight: bold;}
.price {font-size: 40px; color: green; letter-spacing: -2px; padding-left: 4px; font-weight: bold;}

/* Footer */
.footer {padding-top: 20px;width: 100%;}
.footer p {font-size: 13px; color: #fff; opacity: 0.75;}
.footer a {color: #fff;}


/* sc main header */
.header {background: #fff; position: relative; z-index: 1000;}
img.logo {margin-top: 12px; position: relative; z-index: 2000;}
.flow-top {background-image: url('https://sochicken.nl/wp-content/themes/sochicken-with-love/build/images/svg/flow-top.svg'); background-position: center top; height: 50px; background-size: 100% 50px; background-repeat: no-repeat; position: relative; z-index: -1; width: 100%;}

.whitebg {position: relative; z-index: -100;}

.top-nav {background: #eee; border-radius: 5px; -webkit-border-radius: 5px; margin-top: 12px; margin-bottom: 10px; padding: 5px; padding-left: 10px !important;}
#top-nav ul {list-style: none; margin: 0;}
#top-nav li {float: left; padding-right: 15px; font-family: 'Open Sans 400',Tahoma,Geneva,sans-serif,Verdana; font-size: 15px; padding-top: 3px;}
#top-nav li strong {letter-spacing: -0.7px;}

#nav-search input {margin: 0; height:32px; box-shadow: none; -webkit-box-shadow: none;}
#nav-search .columns {padding: 0;}
#nav-search input[type="text"]{
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
#nav-search .button {
	background: #c0c0c0;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
#nav-search .searchbtn {padding-right: 6px;}

#top-nav ul li a {color: #a3a3a3;font-weight: 400;-webkit-transition: color 0.3s ease-in 0s;-moz-transition: color 0.3s ease-in 0s;-o-transition: color 0.3s ease-in 0s;transition: color 0.3s ease-in 0s;}
#top-nav ul li a {padding: 0 2px;}
#top-nav ul li a:hover {color:#666666;}


#icon-nav {margin: 0; padding: 0;}
#icon-nav ul {list-style: none; margin: 0;}
#icon-nav li {float: left; padding-right: 5px;}
#icon-nav img {width: 40px; height: 40px;}

.bm-login img {width: 40px; height: 40px; margin-left: 7px;}
.bm-login a {color: #adadad; font-size: 14px; letter-spacing: -0.5px;font-family: 'Open Sans 400',Tahoma,Geneva,sans-serif,Verdana;-webkit-transition: color 0.3s ease-in 0s;-moz-transition: color 0.3s ease-in 0s;-o-transition: color 0.3s ease-in 0s;transition: color 0.3s ease-in 0s;}
.bm-login a:hover {color:#666666;}


.flow-bottom {background-image: url('https://sochicken.nl/wp-content/themes/sochicken-with-love/build/images/svg/flow-bottom.svg'); background-position: center bottom; height: 100px; background-size: 100% 100px; background-repeat: no-repeat; width: 100%; position: relative; z-index: 1000;}


/* Helpbox */
#serviceBox {background: #52bad5;}
#serviceBox a {color: #fff;}
.service-intro {background: none; color: #78736E;}
.service-intro h1, .service-intro h2 {color:#78736E;}
.sbox {padding-top: 0;}
.sbox a {color: #fff;}
.sform input {height: 60px; font-size: 22px; box-shadow: none;}
.sform input[type="text"] {padding-left:20px;}
section.faq {background: #fff;}
.sn-search {background:#eee; border-bottom:1px solid #fff; padding: 10px 0; font-size: 17px;}
.sn-search:hover {background: #e3e3e3;}
.sn-search p, .sn-search li, .sn-searchlist p {font-size: 16px !important;}
.sn-searchlist a, .sn-answer a {font-weight: bold; color: #7e511e; font-size: 16px;}
.sn-artikel a {font-weight: normal !important;}
.sn-searchlist h2 {margin-top: 0px;}
.sn-search a {font-weight: bold; font-size: 16px; color: #888 !important;}
.sn-answer p, .sn-answer li {font-size: 16px !important; line-height: 26px !important;}
.sn-answer li {margin-left: 2px !important; color: #888;}
.sn-answer h2, .sn-searchlist h2 {color: #666 !important;}
.sn-answer {padding-bottom: 5px !important;}
.twitter-typeahead, .tt-input { width: 100% !important; } 
.sn-form label {font-weight: bold;}

.tt-dropdown-menu {
    width: 100%;
    margin-top: -14px;
    background-color: #fff;
    border-radius: 3px;
    color: #888;
}

.tt-suggestion {
    padding: 3px 20px;
    font-size: 18px;
    line-height: 24px;
}

.tt-suggestion.tt-cursor { /* UPDATE: newer versions use .tt-suggestion.tt-cursor */
    color: #fff;
    background-color: #E0D8D1;
	cursor: pointer;
}

.tt-suggestion p {
    margin: 0;
}

@media only screen and (max-width: 40em) {
	.module-intro h1, .lesson-view h1 {font-size: 35px !important; letter-spacing: -1px; line-height: 30px;}	
	.intro-mtitle {font-size: 28px !important;}
	.lesson-main img, .intermezzo-body img {width: 130px; height: 130px;}
	.logo {width: 160px;}
	.logo-holder {text-align: center;}
	.flow-top {margin-top: -30px;}
	.sp-intro h1 {font-size: 30px; line-height: 35px;}
	.sp-block img {width: 130px;}
	.sp-broednest img {width: 90%;}
	.split-3 img {width: 120px; height: 120px;}
	.sp-block .cover {width:180px; margin-bottom: 15px;}
	.succes-btn {text-align: left !important; margin-top: 15px;}
	[class*="block-grid-"] {margin: 0;}
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

/* Medium screens */
@media only screen and (max-width: 64em) {
	.review-block p, .review-block h2 {padding-left: 10px !important;}	
} /*  max-width 1024px, use when QAing tablet and mobile issues */

@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

/* Large screens */
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/* XLarge screens */
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/* XXLarge screens */
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */


