@import url("https://fonts.googleapis.com/css?family=Lato:400,300"); .fullWidth {
width: 100%;
margin-left: auto;
margin-right: auto;
}
h1,h2,h3,h4,h5,h6 { font-family: inherit;
}
h1,h2,h3,h4,h5,h6 {
color: #000041;
}
a {
color: #055F8A;
font-family: inherit;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
.link-with-header-and-icon
{
color: #055F8A;
text-decoration: none;
}
.link-with-header-and-icon:hover
{
text-decoration: underline;
}
.link-with-header-and-icon h3
{
color: #055F8A;
}
body, p {
color:#000041;
font-size: 1.2rem;
}
p, ul, ol, dl {
font-family: inherit;
font-size: 1.2rem;
line-height: 1.6;
}
h2.start-page {
text-align: center;
color: #000041;
margin-bottom: 1.2em;
}
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea{
border-color: #888 !important;
} header {
border-top: 4px solid #D62733;
margin-bottom: 20px;
margin-bottom: 1.25rem;
background-color: #074E68;
background-image: url(//iroca.eu/wp-content/themes/iroca/img/bg-header-fade-img.png);
background-position: top center;
background-repeat: no-repeat;
}
div.header-title h2, div.header-title h2 span {
font-size: 2.875rem;
font-size: 26px;
line-height: 1.25em;
line-height: 40px;
color: #fff;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.65);
font-family: 'Arial', sans-serif;
}
div.header-title h2 span {
color: #F8BF32;
}
div.header-foto img {
height: auto;
max-width: 100%;
}
.contain-to-grid {
background-color: #ffffff;
} .top-bar {
background: #fff;
}
.top-bar .name {
height: auto;
}
.top-bar .toggle-topbar a {
color: #000041;
}
.top-bar .toggle-topbar.menu-icon {
margin-top: -11px;
}
.top-bar .toggle-topbar.menu-icon a {
color: #000041;
}
.top-bar .toggle-topbar.menu-icon a span::after {
box-shadow: 0 0 0 1px #374E59, 0 7px 0 1px #374E59, 0 14px 0 1px #374E59;
}
.top-bar .toggle-topbar.menu-icon a span:hover:after {
box-shadow: 0 0 0 1px "", 0 7px 0 1px "", 0 14px 0 1px ""; 
}
.top-bar.expanded {
background: transparent;
height: auto; }
.top-bar.expanded .title-area {
background: #fff;
margin-bottom: 3px;
}
.top-bar.expanded .toggle-topbar a {
color: #888888; }
.top-bar.expanded .toggle-topbar a span::after {
box-shadow: 0 0 0 1px #888888, 0 7px 0 1px #888888, 0 14px 0 1px #888888; }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.top-bar.expanded .top-bar-section .has-dropdown.moved > .dropdown,
.top-bar.expanded .top-bar-section .dropdown {
clip: initial; }
.top-bar.expanded .top-bar-section .has-dropdown:not(.moved) > ul {
padding: 0; } }  
.top-bar.expanded .top-bar-section ul {
border-bottom: solid 1px #dddddd;
}
.top-bar-section ul li {
background-color: #efefef;
}
.top-bar-section ul li:hover:not(.has-form) > a {
background-color: #CCCCCC;
color: #000041;
}
.top-bar-section ul li.active > a {
background-color: #CCCCCC;
color: #000041;
}
.top-bar-section ul li.active > a:hover {
background: #0078a0;
color: #FFFFFF; 
}
.top-bar-section .divider, .top-bar-section [role="separator"] {
border-top: solid 1px #dddddd;
}
.top-bar-section .has-dropdown > a:after {
border-color: transparent transparent transparent rgba(0, 0, 0, 0.5);
}
.top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a {
color: #000041;
display: block;
}
@media only screen and (max-width: 640px) {
.top-bar-section .dropdown li {
border-top: 1px solid #dddddd;
}
.top-bar-section .dropdown li > * {
padding: 12px 0 12px 0.9375rem !important;
}
.top-bar-section .dropdown li > strong {
display: block;
}
.top-bar-section .dropdown li > strong > a {
display: inline;
padding: 0;
font-size: 14px;
}
}
@media only screen and (min-width: 641px) and (max-width: 1160px)
{
.top-header {
min-height: 0;
}
.top-bar .title-area {
float: none;
text-align: center;
margin-bottom: 22px;
}
.top-bar-section {
margin-top: 0;
}
.top-bar-section #menu-primary {
width: 100%;
}
.top-bar-section li:not(.has-form) a:not(.button) {
padding: 0 0.8375rem !important;
}
.top-bar-section .has-dropdown > a:after {
position: static;
line-height: 100%;
display: inline-block;
height: 100%;
margin-left: 10px;
}
}
@media only screen and (min-width: 1161px)
{
.top-bar-section {
margin-top: 70px;
margin-top: 4.3rem;
}
}
@media only screen and (min-width: 40.0625em) {
.top-bar {
margin: 15px auto !important;
background: #fff;
height: auto;
}
.top-bar.expanded {
background: #fff; }
.top-bar-section #menu-primary
{
display: flex;
flex-wrap: wrap;
}
.top-bar-section ul > li:not(.divider)
{
float: none;
flex: 1 1 auto;
}
.top-bar-section .right li:not(:last-child) .dropdown li .dropdown {
right: auto;
left: 100%;
}
.top-bar-section li.hover > a:not(.button) {
background-color: #CCCCCC;
color: #000041;
}
.top-bar-section li:not(.has-form) a:not(.button) {
background: #EFEFEF;
padding: 0 0.8375rem;
}
.top-bar-section li:not(.has-form) a:not(.button):hover {
background-color: #CCCCCC;
color: #000041;
} .top-bar-section li.active:not(.has-form) a:not(.button) {
background: #CCCCCC;
color: #000041;
}
.top-bar-section li.active:not(.has-form) a:not(.button):hover {
background: #555;
color: #ffffff; 
}
.top-bar-section .has-dropdown > a:after {
border-color: rgba(0, 0, 0, 0.25) transparent transparent transparent;
}
.top-bar-section .dropdown li a {
background:#EFEFEF;
color: #000041;
} .top-bar-section .dropdown li.active:not(.has-form) > a:not(.button) {
background: #555;
color: #ffffff;
}
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
background:#CCCCCC;
color: #000041;
}
.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
background-color: #555; color: #ffffff;
}
.top-bar-section > ul > .divider,
.top-bar-section > ul > [role="separator"] {
border-right: solid 1px #ffffff;
}
.no-js .top-bar-section ul li:hover > a {
background-color: #CCCCCC;
color: #000041;
}
.no-js .top-bar-section ul li:active > a {
background: #CCCCCC;
color: #000041;
}
}
@media only screen and (min-width: 641px) and (max-width: 850px)
{
.top-bar-section #menu-primary {
row-gap: 1px;
}
}
.top-bar-section ul li > a {
color: #374E59;
display: block;
font-family: Tahoma, Helvetica, Verdana, Arial, sans-serif;
font-size: 1.125rem;
line-height: 1rem;
font-size: 18px;
padding: 0.875rem 1rem 0.875rem 1rem;
font-weight: normal;
padding: 12px 0 12px 0.9375rem;
text-transform: none;
width: 100%;
text-decoration: none;
}
.top-bar-section ul li ul li > a {
font-size: 1rem;
text-transform: capitalize;
} .margintop20 {
margin-top: 1.25rem;
margin-top: 20px;
} .start-icon {
display: inline-table;
width: 150px;
height: 150px;
font-size: 86px; color: #074E68;
border: 1px solid #D8D8D8;
background-color: #E4E4E4;
transition:all 0.7s ease;
border-radius: 50%;
padding-top: 12px;
margin-bottom: 15px;
background: #f2f2f2 none repeat scroll 0 0;
border-color: #d8d8d8;
}
.start-icon:hover {
border-color: #074E68;
background-color: #EFEFEF;
background-color: #F8BF32;
background-color: #E4E4E4;;
}
h2.start-page {
display: inline-block;
padding: 0 15px;
position: relative;
}
h2.start-page:before,
h2.start-page:after {
content: "";
display: block;
height: 45px;
position: absolute;
top: 10%;
width: 400%;
}
h2.start-page:before {
right: 100%;
background: url(//iroca.eu/wp-content/themes/iroca/img/h2-before-img.png)  no-repeat right center;
}
h2.start-page:after {
left: 100%;
background: url(//iroca.eu/wp-content/themes/iroca/img/h2-after-img.png)  no-repeat left center;
}
.h2-container {
overflow: hidden;
text-align: center;
}
h3.start-page-subtitle {
color: #666;
font-size: 22px;
font-size: 1.375rem;
font-weight: 300;
margin-top: 0;
margin-bottom: 30px;
}
.start-page-icon {
display: block;
border: 2px solid #D8D8D8; 
background-color: #E4E4E4;
border-radius: 50%;
width: 150px; height: 150px;
transition:all 0.3s ease;
}
.start-page-icon:hover
{
border-color: #074E68;
}
.icon-link:active, .icon-link:visited, .icon-link:link{
color: #000041;
font-size: 26px;
font-size: 1.625rem;
}
.icon-link:hover, .start-page-icon-title:hover {
color: #074E68;
}
.space-medium {
height: 20px;
height: 1.25rem;
}
.space-large {
height: 40px;
height: 2.5rem;
} .ref-center,
.ref-center:link,
.ref-center:active,
.ref-center:visited,
.ref-center-city
{
font-size: 1.5rem;
font-size: 26px;
color: #055F8A;
transition:all 0.3s ease;
}
.ref-center:hover {
color: #067CB5;
}
.ref-center-city {
font-size: 1.375rem;
font-size: 22px;
color: #666666;
} .news-title,
.news-title:link,
.news-title:active,
.news-title:visited {
font-size: 1.625rem;
font-size: 26px;
color: #055F8A; transition:all 0.3s ease;
margin-top: 0px;
line-height: 1.5em; text-align: left;
}
.news-title h3
{
color: #055F8A;
}
.news-img {
margin-bottom: 2%;
}
.news-date {
color: #074E68;
}
.news-date-icon {
font-size: 20px;
color: #999999;
padding-right: 10px;
}
.news-abstract {
text-align: left;
}
.post-categories-on-list {
color: #666;
font-size: 14px;
font-style: italic;
margin: 0 0 10px 0;
}
.footer-line {
background-color: #055F8A;
height: 54px;
border-bottom: 5px solid #F8C232;
}
.footer-content {
background-color: #E2E2E2;
color: #666666;
padding-top: 10px;
}
.project-name {
color: #000041;
font-size: 42px;
font-weight: bold;
}
.project-description {
font-size: 18px;
}
ul.line-menu {
line-height: normal;
margin-bottom: 0;
}
ul.line-menu li a,
ul.line-menu li a:link,
ul.line-menu li a:active,
ul.line-menu li a:visited
{
color: #fff;
font-size: 18px;
border-left: 1px solid white;
padding: 15px 20px 12px;
outline: none;
}
ul.line-menu li a.first {
border-left: none;
}
ul.footer-menu {
margin-top: 30px;  
}
ul.footer-menu li a,
ul.footer-menu li a:link,
ul.footer-menu li a:active,
ul.footer-menu li a:visited
{
font-family: 'Tahoma', sans-serif;
font-size: 18px;
font-weight: 400;
color: #000041;
padding-left: 8px;
padding-right: 8px;
line-height: 22px;
text-transform: uppercase;
text-decoration: none;
}
ul.footer-menu li a:hover {
text-decoration: underline;
}
ul.line-menu li a:focus,
ul.footer-menu li a:focus {
background: black;
color: white;
} .side-nav {
padding-top: 0;
}
.side-nav li {
list-style-type: none;
}
.side-nav li a:not(.button) {
margin-bottom: 5px;
}
.side-nav li a:not(.button):link,
.side-nav li a:not(.button):visited,
.side-nav li a:not(.button):active
{
color: #374E72;
background-color: #EFEFEF;
font-size: 16px;
}
.side-nav li a:hover:not(.button),
.side-nav li.current-menu-item > a:not(.button) {
background-color: #cccccc;
color: #374E72;
}
.side-nav li a.sideactive:not(.button) {
background-color: #cccccc;
}
.side-nav li ul.inside-sub-nav {
list-style-type: none;
}
.side-nav li ul.inside-sub-nav li {
margin: 0.4375rem 0 5px 0.4375rem;
}
.side-nav li ul.inside-sub-nav li a i {
margin-left: 0;
margin-right: 10px;
}
@media(max-width: 1024px) {
.side-nav {
display: none;
}
} div.slider-mask-holder {
position: absolute;
width: 490px;
height: 256px;
overflow: hidden;
}
div.slider-mask {
position: relative;
top:0; left: 0;
width: 490px;
height: 256px;
overflow: hidden;
z-index: 20;
background: url(//iroca.eu/wp-content/themes/iroca/img/slider-mask.png)  no-repeat top left;
}
.fixedtopslide {
width: 490px;
height: 256px;
} .header-foto {
display: none;
} .title-area .name img {
max-width: 100%;
height: 40px;
}
@media only screen and (min-width: 641px) and (max-width: 768px) {
.title-area .name img {
height: 63px;
}
}
.top-header {
margin: 0;
padding: 0 5px 5px;
} @media only screen and (min-width: 769px){
.header-foto {
display: inline;
}
div.header-title h2, div.header-title h2 span {
font-size: 2.875rem;
font-size: 46px;
line-height: 1.25em;
line-height: 60px;
color: #fff;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.65);
font-family: 'Arial', sans-serif;
}
div.header-title h2 span {
color: #F8BF32;
} .top-header {
margin-top: 1.375rem;
margin-top: 22px;
min-height: 175px;
} 
.title-area .name img {
max-width: 100%;
height: auto;
}
.top-bar-section ul li > a {
text-transform: uppercase;
}
header {
margin-top: 0;
}
h2.start-page {
font-size: 38px;
font-size: 2.375rem;
line-height: 3.438rem;
line-height: 55px;
}
}
a {
color: #0073E9;
}
*[style*='justify'] {
text-align: left !important;
}
.top-bar-section li:not(.has-form) a:not(.button):focus,
.side-nav li a:not(.button):focus {
background-color: #000 !important;
color: #fff !important;;
}
.top-bar-section .dropdown li strong a {
font-weight: bold;
} body.page-id-838 .wsp-container ul,
body.page-id-838 .wsp-container ul li ul,
body.page-id-838 .wsp-container ul li ol,
body.page-id-791 .wsp-container ul,
body.page-id-791 .wsp-container ul li ul,
body.page-id-791 .wsp-container ul li ol{
margin-left: 3rem;
}
body.page-id-838 .wsp-container *,
body.page-id-791 .wsp-container *{
font-weight: normal;
}
body.page-id-838 .wsp-centers-title,
body.page-id-791 .wsp-centers-title{
text-transform: capitalize;
}
.button {
background-color: #007095;
}
.red-button {
background-color: #b00;
}
.join-us-button {
width: 245px;
font-size: 1.25rem;
text-transform: uppercase;
}
button:hover, button:focus, .button:hover, .button:focus {
background-color: #005673;
}
.icon-link {
margin-bottom: 39px;
padding-left: 10px;
padding-right: 10px;
}
@media only screen and (min-width: 40.0625em)
{
.contain-to-grid .top-bar {
max-width: 65rem;
}
.red-button:hover,
.red-button:focus {
background-color: #900;
}
.top-bar-section ul li.menu-item-806 ul li > a,
.top-bar-section ul li.menu-item-851 ul li > a {
text-transform: none;
}
.cn-button:focus-visible {
outline: 2px solid #fff !important;
}
.icon-link-container {
display: flex;
flex-wrap: wrap;
}
.icon-link-container-front {
justify-content: center;
}
.icon-link {
width: 33.3333%;
}
.icon-link.icon-link-front {
width: 35%;
margin-bottom: 0;
}
}
@media only screen and (min-width: 40.0625em)
{
h3 {
font-size: 1.5875rem;
}
}