/*
Theme Name: IKA Ned
Description: Thema door IGerards

*/

* {
margin: 0 ;
padding: 0;
}

p {
margin: 0 0 15px 0;
}

body, html {
	font-family: "Montserrat", "Lato", Verdana, sans-serif;
	font-size: 11pt;
	line-height: 160%;
	color: #666666;
	margin: 0;
	padding: 0;
}

.clear {
clear: both;
}

#top {
background-color: #fff;
padding: 1% 0 0.5% 0;
width: 100%;
position: fixed;
z-index: 99999;
box-shadow: 0 0 10px #91c6dc;
}

.logo {
width: 11%;
float: left;
padding: 0 2% 0.4% 2%;
}

.logo img {
width: 50%;
}

.menudiv {
width: 68%;
float: left;
text-align: left;
padding: 0.5% 0;
}

.search {
width: 11%;
float: right;
padding: 0.4% 2% 0 2%;
}

@media screen and (max-width: 600px) {
.menudiv {
width: 100% !important;
float: none !important;
}

.logo, .search {
display: none !important;
}
}

.menu-hoofdmenu-container ul {
list-style-type: none;
padding: 1% 0 1% 0;
margin: 0;
}

li#menu-item-32 a {
color: #f1810c !important;
}

#header {
width: 100%;
background: url(images/ika-blue.png) no-repeat;
background-size: 100%;
padding: 7% 0 2% 0;
}


@media screen and (max-width: 600px) {
#header {
padding: 100px 0 0 0 !important;
}
}

.header-content {
width: 86%;
margin: 0 auto;
}

@media screen and (max-width: 600px) {
.header-content {
width: 94%;
margin: 0 auto;
}
}

.h-logo {
width: 40%;
float: left;
padding: 0;
margin: 0;
}

.h-logo img {
width: 100%;
}

@media screen and (max-width: 600px) {
.h-logo {
display: none !important;
}
}

.mobilelogo {
width: 100%;
float: none;
display: none;
}

@media screen and (max-width: 600px) {
.mobilelogo {
width: 100% !important;
display: block!important;
visibility: visible !important;
text-align: center;
}

.mobilelogo img {
width: 70%;
}
}
.h-knop {
width: 60%;
float: right;
text-align: right;
}

.h-knop h1 {
color: #666666;
font-size: 1.3vw;
font-weight: normal;
font-style: italic;
padding: 1% 0 3% 0;
}

@media screen and (max-width: 600px) {
.h-knop {
width: 100% !important;
float: none !important;
text-align: center !important;
padding: 0 0 20px 0;
}

.h-knop h1 {
display: none;
}

}


a.a-knop, input.button-primary{
font-family: "Montserrat", "Lato", Verdana, sans-serif;
color: #fff;
background-color: #ee7d00;
padding: 1.5% 2% 1.5% 2%;
margin: 2% 0 2% 0;
text-decoration: none;
font-weight: normal;
border: 0;
}

@media screen and (max-width: 600px) {
a.a-knop, input.button-primary{
display: block !important;
font-size: 11pt !important;
line-height: 120% !important;
}
}

a.a-knop:hover, input.button-primary:hover {
color: #fff;
background-color: #333;
text-decoration: none;
font-weight: normal;
}

.header-menu {
width: 86%;
margin: 0 auto;
}

#feat {
width: 86%;
margin: 0 auto;
background-color: #f4f4f4;
-webkit-border-top-right-radius: 30px;
-webkit-border-bottom-right-radius: 30px;
-moz-border-radius-topright: 30px;
-moz-border-radius-bottomright: 30px;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
max-height: 360px;
overflow: hidden;
}



#feat .image {
width: 57%;
float: left;
padding: 0;
margin: 0;
}

#feat .image img {
width: 100%;
padding: 0;
margin: 0;
display: block;}

#feat .crumbs {
width: 40%;
float: right;
padding: 2% 1% 0 0;
}

@media screen and (max-width: 600px) {
#feat {
width: 94% !important;
max-height: 800px !important;
margin: 0 auto 20px auto !important;
}

#feat .image {
width: 100% !important;
float: none !important;
}

#feat .crumbs {
width: 96% !important;
float: none !important;
padding: 2% !important;
}

}

#wrap {
width: 86%;
margin: 0 auto;
}

@media screen and (max-width: 600px) {
#wrap {
width: 94% !important;
}
}

.page {
background: rgba(255,255,255,0.0);
padding: 2%;
}

.page .wp-post-image {
width: 100%;
}

.page h1 {
color: #666666;
font-size: 3vw;
padding: 2% 0 2% 0;
}

.wpforms-field-label, .wpforms-field-label-inline {
  font-family: "Montserrat"!important;
	font-weight: inherit!important;
	font-size: 11pt!important;
}
@media screen and (max-width: 600px) {
.page h1 {
font-size: 24pt !important;
}
}

.ps {
width: 100%;
min-height: 180px;
max-height: 280px;
overflow: hidden;
background-color: #222222;
}

.ps img {
width: 70%;
margin-top: -20%;
}

.content {
width: 100%;
padding: 2%;
margin: 0 auto;
width: 86%;
}

#footer {
background: url(images/footer-bg.png) center bottom #2e2e2e;
background-size: cover;
width: 100%;
padding: 5% 0 5% 0;
color: #bdbbbc;
}

#footer h3 {
color: #ee7d00;
}

.footer-content {
width: 86%;
margin: 0 auto;
padding: 0;
}

@media screen and (max-width: 600px) {
.footer-content {
width: 94% !important;
margin: 0 auto;
padding: 0;
}
}

.feet {
width: 30%;
float: left;
margin-right: 3%;
}
.feet p {
  font-size: 12px;
  line-height: 18px;
}
.menu-bottom-container {
  font-size: 12px;
  line-height: 18px;
}
.feet:nth-child(2) {
width: 30% !important;
}
.feet:nth-child(3) {
width: 30% !important;
float: right;
margin-right: 0%;
}

@media screen and (max-width: 600px) {
.feet {
width: 100% !important;
float: none !important;
}
.feet:nth-child(2) {
width: 100% !important;
float: none !important;
}
.feet:nth-child(3) {
width: 100% !important;
float: none !important;
}
}


h1 {
color: #666666;
padding: 1% 0 2% 0;
font-size: 20pt;}

h2 {
padding: 1% 0 2% 0;
font-size: 17pt;
color: #ee7d00;}

h3 {
color: #009fe2;
font-size: 15pt;
font-weight: normal;
padding: 2% 0 1% 0;
}

h4 {
color: #009fe3;
font-size: 14pt;
font-weight: normal;
padding: 2% 0 1% 0;
}

h5 {
font-size: 15px;
padding: 2% 0 1% 0;
line-height: 1.8;}


h6 {
font-size: 13pt;
padding: 2% 0 1% 0;
}

.one_half {
width: 48% !important;
}

.last_column {
float: right !important;
}

@media screen and (max-width: 600px) {
.one_half {
width: 100% !important;
}
.last_column {
float: none!important;
}
}

a.knop {
font-weight: normal;
color: #fff !important;
background-color: #009fe3;
padding: 1.5% 4% 1.5% 4%;
margin: 2% 0 2% 0;
text-transform: uppercase;
text-decoration: none;
}

a.knop:hover {
background-color: #ccc;
color: #fff;
text-decoration: none;
}


.home-content {}

.slider {
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
width: 86%;
margin: 0 auto;
background-color: #f4f4f4;
}

@media screen and (max-width: 600px) {
.slider {
width: 94%;
margin: 0 auto;
}
}


.royal {
position: relative;
width: 50%;
float: left;
border-right: 1px solid #dfdfdf;
}

@media screen and (max-width: 600px) {
.royal {
display: none !important;
}
}

.diensten {
width: 100%;
position: absolute;
z-index: 9;
padding: 20px 0 0 0;
text-align: right;
right: 3%;
color: #666666;
}

.usp {
width: 45%;
padding: 2%;
float: right;
font-size: 1.2vw;
line-height: 175%;
color: #666666;
}

@media screen and (max-width: 600px) {
.usp {
width: 96% !important;
padding: 8% 2% 8% 2% !important;
float: none !important;
font-size: 12pt !important;
}
}

.usp a {
color: #666666;
font-weight: normal;
}

a.knopje {
color: #fff;
text-decoration: none;
font-weight: normal;
padding: 1.5% 2% 1.5% 2%;
font-size: 10.5pt;
}

a.knopje:hover {
color: #fff;
background-color: #333;
text-decoration: none;
font-weight: normal;
}

a.verwijzers {
background-color: #a1a1a1;
}
a.werknemers {
background-color: #009fe3;
}
a.werkgevers {
background-color: #f07d00;
}

.home-blocks {
width: 86%;
margin: 0 auto;
padding: 2% 0 2% 0;
}

.intro {
width: 60%;
float: left;
}

.intro a {
background-color: #009fe3;
color: #fff;
padding: 1.5% 2% 1.5% 2%;
font-weight: normal;
text-transform: uppercase;
}

.intro a:hover {
background-color: #ccc;
}


.widgets {
width: 35%;
float: right;
}


@media screen and (max-width: 600px) {
.intro, .widgets {
width: 100% !important;
float: none !important;
}
}

.wdg{
border: 1px solid #e0e0e0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 4% 3% 4% 3%;
margin: 20px 0 20px 0;
}

.wdg h3 {
color: #ee7d00;
}

.wdg a {
color: #adadad;
}

.wdg a:hover {
color: #009fe2;
}

.wdg h3 {
padding: 0 0 10px 0;
}

.wdg ul {
padding: 0 0 0 25px;
}

.rsTmb:hover {
background-color: #009ee3;
color: #fff;
}

.doelgroepen {
padding: 2% 0 2% 0;
width: 86%;
margin: 0 auto;
 }

.doelgroepen h2 {
color: #525252;
text-transform: uppercase;
text-align: center;
font-size: 2vw;
}

.doelgroepen .dg {
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background:url(images/dg-design.png) no-repeat bottom #fff;
background-size: contain;
padding: 1%;
width: 22%;
float: left;
margin-right: 1.3%;
text-align: center;
color: #acacac;
box-shadow: 0 0 4px #eee;
}
.doelgroepen .dg:hover {
background:url(images/dg-design.png) no-repeat bottom #eee;
background-size: contain;
cursor: pointer;
}

.doelgroepen .dg:nth-child(4) {
float: right !important;
margin-right: 0 !important;
}

.dg h3{
font-size: 200%;
margin-top: 5%;
}

.dg a {
color: #fff;
font-size: 110%;
text-transform: uppercase;
}

.home-inhoud {
padding: 2% 0 2% 0;
width: 86%;
margin: 0 auto;}

.hi-left {
float: left;
width: 58%;
}

.hi-right {
float: right;
width: 38%;
}

.hwidget {
width: 92%;
padding: 4%;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
border: 1px solid #e0e0e0;
margin-bottom: 4%;
}

input#mc4wp_email {
font-family: "Montserrat", "Lato", Verdana, sans-serif;
font-size: 10pt, 11.5pt;
background-color: #fcfcfc;
border: 1px solid #e4e4e4;
padding: 2%;
width: 100%;
}

input#mc4wp_sub {
font-family: "Montserrat", "Lato", Verdana, sans-serif;
font-size: 10pt, 11.5pt;
background-color: #ee7d00;
border: 1px solid #ee7d00;
color: #fff;
padding: 2%;
width: 100%;
margin-top: 1%;
text-transform: uppercase;
}

.half-1 {
float: left;
width: 46%;
}

.half-2 {
float: right;
width: 46%;
}

.headerfoto {
width: 60%;
float: left;
height: 300px;
}

.headerfoto p.wzev{
font-size: 2vw;
text-transform: uppercase;
padding: 10% 0 1% 5%;
color: #666666;
}
.headerfoto h1 {
font-size: 4vw;
text-transform: uppercase;
padding: 1% 0 0 6%;
opacity: 1;
color: #666666;
}
.snelle-links {
width: 40%;
min-height: 200px;
float: right;
background-color: #222222;}

.snelle-links h3 {
color: #cecece;
padding: 5% !important;
}

ul.sl{
list-style-type: none;
}

ul.sl li {
border-bottom: 1px solid #2e2e2e;
padding: 2% 0 2% 0;
}

ul.sl li:hover {
background-color: #009ee3;
color: #fff;
}

ul.sl li:hover a {
color: #fff;
}
ul.sl li a {
padding: 5%;
color: #cecece;
}
ul.sl li a:hover {
color: #fff;
}



a {
color: #ee7c00;
text-decoration: none;
font-weight: bold;
}

a.txtbtn {
text-transform: uppercase;
text-align: right;
display: block;}


p.jw_easy_slider_name, a.jcarousel-control-prev, a.jcarousel-control-next, .jcarousel-pagination  {
display: none;
}

.jcarousel-wrapper {
border: 0 !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}

.wrapper {
border: 0 !important;
}


#team, #artsen {
width: 100%;
}

.org {
width: 23.3%;
float: left;
margin: 0 2% 2% 0;
text-align: center;
border: 1px solid #e0e0e0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 0 0 2% 0;
}

.org img {
width: 100%;
margin: 0 auto;
}

#team .org:nth-child(4n) {
float: right;
margin: 0 0 2% 0 !important;
}

input.wpcf7-text, input.wpcf7-submit, select.wpcf7-select, textarea.wpcf7-textarea {
padding: 1%;
margin: 1% 0 1% 0;
border: 1px solid #eee;
font-family: "Montserrat", "Lato", Verdana, sans-serif;
font-size: 10pt;
}

#team h3 {
padding: 15px 0 0 0;
}

/* =Pagination
-------------------------------------------------------------- */

ul.pagination {
	float:right;
	right: 5px;
	margin-top: -20px;
	width:50px;
	text-align: right;
	position: relative;
	z-index: 5;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(images/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}


/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignleft a, .alignright a {
font-weight: normal;
color: #fff !important;
background-color: #009fe3;
padding: 1.5% 4% 1.5% 4%;
margin: 2% 0 2% 0;
text-transform: uppercase;
text-decoration: none;
display: block;
}

.alignleft a:hover, .alignright a:hover {
background-color: #ccc;
color: #fff;
text-decoration: none;
display: block;
}


@media screen and (max-width: 600px) {
.alignleft, .alignright {
float: none !important;
text-align: center;
width: 100%;
}

.alignleft a.knop, .alignright a.knop {
display: block !important;
text-align: center;
}
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}


input.fleft {
padding: 3% !important;
float: left !important;
width: 47.5% !important;
margin: 0 3px 5px 0 !important;
}

input.fright {
padding: 3% !important;
float: left!important;
width: 47.5% !important;
margin: 0 0 5px 0 !important;
}

input#mc4wp_sub {
width: 96% !important;
}

.mc4wp-form-basic input[type=email] {
width: 96% !important;
}

input.fem {
margin: 5px 0 5px 0;
padding: 3%;
}

#front-header {
width: 100%;
}

.front-content {
margin: 30px auto;
width: 85%;
}

.front-logo {
float: left;
margin: 0;
width: 20%;
text-align: center;
}

.front-logo img {
width: 86%;
}

.front-slogan {
float: right;
margin: 0;
width: 86%;
}

#front-header h1 {
color: #ee7d00;
font-size: 250%;
padding: 5% 0 5% 0;
}

#front-werknemer {
background:url(images/scheiding-bedrijfsarts.png) no-repeat bottom #f3f5f7;
width: 100%;
}

#front-werknemer h2 {
color: #04aee5;
font-size: 170%;
padding: 5% 0 5% 0;
}

.front-w-content {
margin: 0px auto;
padding: 0 0 5% 0;
width: 85%;
text-align: center;
}

#front-bedrijfsarts {
background:url(images/scheiding-ika.png) no-repeat bottom #72d0f1;
width: 100%;
padding-bottom: 5%;
}

#front-bedrijfsarts h2 {
color: #fff;
font-size: 170%;
padding: 5% 0 5% 0;
}

.front-b-content {
margin: 0px auto;
padding: 0 0 5% 0;
width: 85%;
text-align: center;
}

.probleem {
color: #04aee5;
text-align: left;
width: 40%;
float: right;
}

.probleem .tekst {
background-color: #fff;
padding: 5%;
}

.arts img {
margin-top: -8%;
width: 30%;
}

#front-ika {
background:url(images/scheiding-bottom.png) no-repeat bottom #04aee5;
width: 100%;
padding: 0 0 300px 0;
}

#front-ika h2 {
color: #fff;
font-size: 170%;
padding: 5% 0 5% 0;
}

.front-i-content {
margin: 0px auto;
padding: 0 0 5% 0;
width: 85%;
text-align: center;
overflow: hidden;
}

.front-hok1, .front-hok2, .front-hok3 {
background-color: #fff;
padding: 2%;
width: 28%;
color: #04aee5;
font-size: 100%;
text-align: left;
      padding-bottom: 50em;
      margin-bottom: -50em;
}

.front-i-content ul {
padding: 0;
margin-left: 20px;
}

.front-hok1, .front-hok2 { margin-right: 2%; float: left; text-align: left;}
.front-hok3 { float: right; text-align: left; }

.ziekenhuis {
width: 35%;
margin: -14% auto;
text-align: center;
position: relative;
z-index: 9;
}

.ziekenhuis img { width: 100%; }

#front-bottom {
background-color: #f57b20;
width: 100%;
color: #fff;
font-size: 150%;
}

.front-bottom-content {
margin: 0px auto;
padding: 0;
width: 85%;
text-align: center;
padding: 0 0 2% 0;
}

.front-bottom-content .logo {
width: 20%;
float: left;
}

.front-bottom-content .logo img {
width: 50%;
}

.front-bottom-content .slogan2 {
width: 50%;
float: left;
padding-top: 2%;
font-weight: bold;
}
.front-bottom-content .site {
width: 20%;
float: right;
padding-top: 2%;
}

iframe {
width: 100%;
height: 450px;
}

.qa {
padding: 2% 0 0 0;
}

.person {
width: 10%;
float: left;
}

.person img {
-webkit-border-radius: 300px;
-moz-border-radius: 300px;
border-radius: 300px;
width: 100%;
}

.answer0 {
position: relative;
width: 85%;
float: right;
background-color: #f3f3f3;
padding: 1.5%;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}




.answer
{
position: relative;
float: right;
width: 82%;
height: auto;
padding: 1.5%;
background: #f3f3f3;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.answer:after
{
content: '';
position: absolute;
border-style: solid;
border-width: 15px 15px 15px 0;
border-color: transparent #f3f3f3;
display: block;
width: 0;
z-index: 1;
left: -15px;
top: 22px;
}





#dienstenpagina {
width: 100%;
}

.dienst {
background-color: #fff;
width: 30%;
float: left;
margin: 0 3% 2% 0;
text-align: center;
border: 1px solid #e0e0e0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 10px 0 0 0;
min-height: 260px;
}


@media screen and (max-width: 600px) {
.dienst {
width: 100% !important;
float: none !important;
}
}

.dienst img {
width: 100%;
display: block;
margin: 0 auto;
padding: 0;
}

#dienst .org:nth-child(3n) {
float: right;
margin: 0 0 2% 0 !important;
}

p.kb {
padding: 3% 5% 2% 5%;
}

.kosten {
float: right;
width: 25%;
margin: 0 0 2% 2%;
padding: 2%;
background-color: #f3f3f3;
}


@media screen and (max-width: 600px) {
.kosten {
float: none !important;
width: 96% !important;
margin: 0 0 20px 0 !important;
}
}

.kosten h3 {
color: #009fe3
}

.wdg ul li {
list-style-type: none;
}

.wdg ul li:before {
font-family: 'FontAwesome';
content: '\f061';
margin:0 5px 0 -15px;
color: #adadad;
}

.latest-tweets ul li:before {
font-family: 'FontAwesome';
content: '\f099';
margin:0 5px 0 -15px;
color: #4cbceb;
}


.item {
margin: 0 0 30px 0;
}

.grey {
padding: 2%;
background-color: #f3f3f3;
}

.orange {
padding: 2%;
background-color: #ee7d00;
color: #fff !important;
}

textarea {
font-family: "Montserrat", "Lato", Verdana, sans-serif;
border: 1px solid #f3f3f3;
padding: 2%;
width: 94% !important;
}

.wpc_client_files_list .wpc_files_search_block {
width: 100% !important;
}


.wpc_client_files_list .wpc_category_line {
    float:left;
    width:100%;
    border:none;
    border-bottom: 1px solid #f3f3f3 !important;
    margin: 16px 0px 10px 0px;
    padding: 0px 0px 3px 0px;
    font-size: 14px;
    box-shadow: none !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


input[type="text"].wpc_text {
    color: #000;
    padding: 4px 0px 4px 5px;
    margin: 0;
    font-size: 12px;
    border: 1px solid #acacac !important;
    background: #fff;
    outline: none !important;
    line-height: 1;
    transition: all 0.3s;
    box-shadow: none;
    border-radius:0px;
}

.wpc_client_upload_form {
margin: 0 0 30px 0;
}

ul, ol {
padding: 0 0 25px 25px;
}

.posts-overview {}

.posts-overview .post {
background-color: #f8f8f8;
width: 27%;
float: left;
margin: 0 2% 2% 0;
text-align: center;
border: 1px solid #e0e0e0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 2%;
min-height: 260px;
max-height: 260px;
overflow: hidden;}



@media screen and (max-width: 600px) {
.posts-overview .post {
width: 96% !important;
float: none !important;
margin: 0 0 10px 0 !important;
}
}

.menu-hoofdmenu-container ul li {
line-height: 155%;
font-size: 85%;
}

.menu-hoofdmenu-container ul li a {
color: #ccc;
}

.menu-hoofdmenu-container ul li a:hover {
color: #009fe3;
}

.menu-hoofdmenu-container ul li ul.sub-menu {
padding: 0 0 0 5px;
}


.expert-foto {
float: left;
width: 20%;
}

.expert-foto img {
width: 100%;
border-radius: 300px;
}

.expert-ant {
float: right;
width: 78%;
}


@media screen and (max-width: 600px) {
.expert-foto {
float: none;
width: 100%;
}

.expert-foto img {
width: 86%;
border-radius: 300px;
}

.expert-ant {
float: none;
width: 100%;
}
}


/* Ubermenu fallback - Fedelta Media */
/* ------------------------------------------------------------------
   Replacement for old UberMenu CSS, adapted to wp_nav_menu() markup
   Container: .menudiv
   UL class:  .ubermenu-nav (kept via menu_class)
------------------------------------------------------------------- */

/* Base font (old: .ubermenu-main, .ubermenu-target...) */
.menudiv .ubermenu-nav,
.menudiv .ubermenu-nav a {
	font-size: 12px;
}

/* -------------------------
   Top-level items (level 0)
-------------------------- */
.menudiv .ubermenu-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* (Optional, but usually needed if UberMenu used horizontal layout) */
.menudiv .ubermenu-nav > li {
	display: inline-block;
	position: relative; /* needed for dropdown positioning */
	margin: 0;
	padding: 0;
    margin-right: 40px;
}

.menudiv .ubermenu-nav > li > a {
	font-size: 13px;
	font-weight: normal;
	text-transform: uppercase;
	color: #009fe3;
	border-left: 1px solid #ffffff;
	padding-top: 3px;
	padding-bottom: 3px;

	/* keep menu links looking like “buttons” */
	display: block;
	text-decoration: none;
}

/* Hover / "active" (old: .ubermenu-item-level-0:hover, .ubermenu-active) */
.menudiv .ubermenu-nav > li:hover > a,
.menudiv .ubermenu-nav > li:focus-within > a {
	color: #009fe3;
	background: #ffffff;
}

/* Current item / parent / ancestor (old: ubermenu-current-*) */
.menudiv .ubermenu-nav > li.current-menu-item > a,
.menudiv .ubermenu-nav > li.current-menu-parent > a,
.menudiv .ubermenu-nav > li.current-menu-ancestor > a,
.menudiv .ubermenu-nav > li.current_page_item > a {
	color: #f07d00;
	background: #ffffff;
}

/* -------------------------
   Submenu styling (level 1+)
-------------------------- */
.menudiv .ubermenu-nav .sub-menu {
	list-style: none;
	margin: 0;
	padding: 0;

	/* typical dropdown behaviour */
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 9999;

	display: none;
	min-width: 240px;
	background: #ffffff;
}

/* show dropdown on hover / keyboard focus */
.menudiv .ubermenu-nav > li:hover > .sub-menu,
.menudiv .ubermenu-nav > li:focus-within > .sub-menu {
	display: block;
}

.menudiv .ubermenu-nav .sub-menu li {
	margin: 0;
	padding: 0;
}

.menudiv .ubermenu-nav .sub-menu li > a {
	display: block;
    font-size: 14px;
	padding: 8px 12px;
	text-decoration: none;
	color: #009fe3; /* old: .ubermenu-item-normal > .ubermenu-target */
}

/* submenu hover (old: item-normal hover -> orange) */
.menudiv .ubermenu-nav .sub-menu li > a:hover,
.menudiv .ubermenu-nav .sub-menu li:hover > a,
.menudiv .ubermenu-nav .sub-menu li:focus-within > a {
	color: #f07d00;
}

/* submenu current */
.menudiv .ubermenu-nav .sub-menu li.current-menu-item > a,
.menudiv .ubermenu-nav .sub-menu li.current_page_item > a {
	color: #f07d00;
}