/******************/
/* Project Detail */
/******************/
.project-section {padding: 50px 0;}

/* Project > Text */
.project-section .project-area {}
.project-section .project-area .location {color: #0384bf; margin: 5px 0 20px; font-size: 20px;}
.project-section .project-area h1 {}
.project-section .project-area h3 {margin-bottom: 5px;}
.project-section .project-area h3 + p {margin-top: 5px;}
.project-section .project-area .wrapper {max-width: 100%;}

/* Project > Data */
.project-section .project-area .data-area {margin: 20px auto 0;}
.project-section .project-area .data-area ul {display: flex; justify-content: space-between;}
.project-section .project-area .data-area ul li {width: 100%; padding-right: 5px; font-family: 'aktiv-grotesk', sans-serif; line-height: 1.3;}
.project-section .project-area .data-area ul li:first-child {width: 70%;}
.project-section .project-area .data-area ul li:nth-child(2) {width: 30%;}
.project-section .project-area .data-area ul li .label {display: block; margin-bottom: 2px; background-color: #eeeeee; padding: 8px 9px; text-transform: uppercase; font-size: 15px; font-weight: bold;}
.project-section .project-area .data-area ul li .text {padding: 8px 9px; display: block;}
.project-section .project-area .data-area ul li .text ul {display: block; list-style: outside; padding-left: 15px;}
.project-section .project-area .data-area ul li .text ul li {width: 100%; margin-bottom: 5px;}

/* Project > Column module */
.project-section .project-area.left-area .column-block.module {display: none;}

/* Project > Content module */
.project-section .project-area.left-area .content-block.module {display: block; background-image: none !important; background-color: #ffffff !important; padding: 15px 15px 20px 0 !important;}
.project-section .project-area.left-area .data-area + .content-block.module {display: block;}
.project-section .project-area.right-area .content-block.module {display: none;}
.project-section .project-area.right-area .content-block.module:first-child {display: none;}

/* Project > Accordion module */
.project-section .project-area .accordion.module ada-toggler {}
.project-section .project-area .accordion.module ada-toggler button {background-color: #0384bf; padding: 9px 35px 11px 17px; margin-bottom: 20px; display: inline-block; -webkit-transition: background-color 0.3s ease-in-out; -o-transition: background-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out; position: relative;}
.project-section .project-area .accordion.module ada-toggler button h3 {margin-bottom: 0; color: #ffffff; font-weight: normal; font-size: 20px; font-family: 'museo-slab', serif; -webkit-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out;}
.project-section .project-area .accordion.module ada-toggler button:after {content: "+"; position: absolute; right: 12px; top: 8px; transform: none; font-size: 23px;  color: #ffffff; -webkit-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out;}
.project-section .project-area .accordion.module ada-toggler button:hover {background-color: #ffcd00;}
.project-section .project-area .accordion.module ada-toggler button:hover h3 {color: #000000;}
.project-section .project-area .accordion.module ada-toggler button:hover:after {color: #000000;}
.project-section .project-area.right-area .accordion.module {display: none;}

/* Project > Image slider module */
.project-section .project-area .image-slider.module {background-color: #eeeeee; padding: 40px 13px 25px !important;}
.project-section .project-area .image-slider.module .image-slider--slider {max-width: calc(100% - 94px);}
.project-section .project-area .image-slider.module .image-slider--pagination-slider ada-slider {max-width: calc(100% - 83px);}
.project-section .project-area .image-slider.module .image-slider--pagination-slider .thumbnail-page button {height: 105px;}
.project-section .project-area.left-area .image-slider.module {display: none;}
.project-section .project-area .image-slider.module .image-slider--pagination-slider .thumbnail-page.active button img {border-color: #006E96; -webkit-transition: border-color 0.3s ease-in-out; -o-transition: border-color 0.3s ease-in-out; transition: border-color 0.3s ease-in-out;}
.project-section .project-area .image-slider.module .image-slider--pagination-slider .thumbnail-page button:hover, 
.project-section .project-area .image-slider.module .image-slider--pagination-slider .thumbnail-page button:focus {transform: none;}

/* Project > Full-width image module */
.project-section .project-area.left-area .full-width-image {display: none;}

/* Project > Sidebar module */
.project-section .project-area .content-sidebar.module .row {flex-direction: column;}
.project-section .project-area .content-sidebar.module .row .col {width: 100%; max-width: 100%; flex-basis: 100%;}
.project-section .project-area.right-area .content-sidebar.module {display: none;}

/* Project > Video module */
.project-section .project-area.left-area .featured-video.module {display: none;}
.project-section .project-area.right-area .featured-video {background-color: #eeeeee; padding: 30px 10px !important;}
.project-section .project-area.right-area .featured-video .row {margin-top: 0;}
.project-section .project-area.right-area .featured-video .row .col {margin: 0 auto; flex-basis: 90%; max-width: 90%; padding: 0;}
.project-section .project-area.right-area .featured-video.theme--light .featured-video--background {display: none;}

/* Project > Image */
.project-section .image-area {margin: 0 auto 20px;}
