/*!
Theme Name:     FolioPress Child
Theme URI:      https://www.themehorse.com/themes/foliopress
Author:         Theme Horse
Author URI:     https://www.themehorse.com/
Template:       foliopress 
Description:    FolioPress is a minimal Multi-Purpose super flexible Portfolio WordPress Theme that makes it easy to showcase your work, blog and store. FolioPress is specially designed for designers, photographers, artists and creatives. There are two post view layout (Grid and list), Social Profile and many more. Also has Custom Background, Header, Menu, Favicon, CSS, Webclip Icon, and Logo. Supports popular plugins like WooCommerce, bbPress, Breadcrumb NavXT, WP-PageNavi and Contact Form 7 and many more. It is also translation ready. Get free support at https://www.themehorse.com/support-forum/ and view beautiful portfolio demo site at https://www.themehorse.com/preview/foliopress
Version:        1.1.2
License:        GNU General Public License v3 or later
License URI:    http://www.gnu.org/licenses/gpl-3.0.html
Text Domain:    foliopress
Tags:           e-commerce, photography, portfolio, two-columns, three-columns, four-columns, left-sidebar, grid-layout, custom-background, custom-header, custom-logo, custom-menu, featured-image-header, featured-images, post-formats, sticky-post, theme-options, threaded-comments, translation-ready

FolioPress WordPress Theme, Copyright 2018, Theme Horse
FolioPress is distributed under the terms of the GNU GPLv3

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

FolioPress is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/
/*//////////////////// GENERAL ////////////////////*/
body, input, textarea, select {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: #1c1b1b;
    word-wrap: break-word;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    color: #1c1b1b;
}

.invert h1, .invert h2, .invert h3, .invert h4, .invert h5, .invert h6 {
    color: #ededed;
}

h1.entry-title, span.entry-title.title-subtitle {
    font-size: 4em;
    font-weight: 700;
    letter-spacing: -.04em;
}

span.entry-title.title-subtitle {
    display: inline-block;
}

h2, h2.entry-title {
    font-size: 3em;
}

h3 {
    margin: 20px 0;
    font-size: 2em;
}

h3.entry-title {
    font-size: 2.5em;
    margin: 30px 0;
}

h4 {
    font-weight: 700;
}

h5, h1.subtitle-title {
    font-size: 1.5em;
}

h6 {
    font-size: 1em;
    font-weight: 700;
}

.site-main p, li,  .search div.entry-content {
    line-height: 1.9;
}

ul li {
    list-style-type: circle;
}

.back-to-top {
    bottom: 70px;
    right: 30px;
}

.small-break {
    display: none; 
}

strong {
    font-weight: 700;
}

/* Extra padding for removing .container and .justify-content-center divs from header.php */
section .container .justify-content-center, .container .justify-content-center section  {
    padding: 0 15px;
}

.post .intro {
	font-size:20px;
	font-weight:700;
}

@media only screen and (max-width:576px) {
    section .container .justify-content-center {
        padding: 0;
    }
}

.row.justify-content-center.margs {
    margin-left: 0!important;
    margin-right: 0!important;
}

.content-area { /* FOR SINGLE PAGES */
    padding: 0;
}

.entry-content {
    margin: 100px 0;
}

.top-touch {
    margin-top: -100px;
}

.bottom-touch {
    margin-bottom: -100px; 
}

.dark-block {
    background-color: #1c1b1b;
    margin-right: 100px;
}

.dark-wrapper {
    margin-right: -100px;
}

.dark-inner, .grey-inner {
    margin: 80px 0;
}

.grey-block {
    background-color: #f8f8f9;
}

.entry-header {
    padding: 0;
}

.site-content {
    padding: 0;
}

.site-main .type-page {
    margin-bottom: 0;
}

/* ERROR 404 PAGE */
.error404 .my-info {
    display: none;
}

.error404 .capa-error {
    margin: 100px 0;
    min-height: calc(100vh - 294px);
}

@media only screen and (max-width:991px) {
    .error404 .capa-error {
        min-height: calc(100vh - 263px);
    }
}

@media only screen and (max-width:830px) and (orientation:landscape) {
    h1.entry-title, span.entry-title.title-subtitle {
        font-size: 3em;
    }
}

@media only screen and (min-width: 768px) {
    .back-to-top a {
        width: 60px;
        height: 60px;
    }
    
    .back-to-top a:before {
        font-size: 45px;
        line-height: 50px;
    }

    h2, h2.entry-title {
        font-size: 2.7em;
    }
}

@media only screen and (max-width:768px) {
    .dark-block, .dark-wrapper {
        margin-right: 0;
    }

    .entry-content {
        margin: 60px 0;
    }

    .top-touch {
        margin-top: -60px;
    }
    
    .bottom-touch {
        margin-bottom: -60px; 
    }
}

@media only screen and (max-width: 575px) {
    h1.entry-title, span.entry-title.title-subtitle {
        font-size: 3em;
    }

    h2, h2.entry-title {
        font-size: 2.3em;
    }

    h3, h3.entry-title {
        font-size: 1.7em;
    }

    .back-to-top {
        bottom: 100px;
        right: 20px;
    }

    .small-break {
        display: block;
    }
}

/*//////////////////// COLOUR CHANGES ////////////////////*/
::selection {
	background: #38e5c5;
	color: #fff;
}
::-moz-selection {
	background: #38e5c5;
	color: #fff;
}

.entry-title:after, .page-title:after, .widget-title:after, .post-grid .entry-title:after, .back-to-top a, input[type="reset"], input[type="button"], input[type="submit"], .post-grid .sticky .sticky-post, .input-group-prepend .btn-info, .readmore {
    background-color: #38e5c5;
}

p a:hover, a, a:focus, a:active, a:hover, .main-navigation a:hover, .main-navigation ul li.current-menu-item a, .main-navigation ul li.current_page_ancestor a, .main-navigation ul li.current-menu-ancestor a, .main-navigation ul li.current_page_item a, .main-navigation ul li:hover > a, .nav-links a:hover, blockquote:before, .site-footer .widget-area a:hover, .site-title a:hover, .site-title a:focus, .site-title a:active, .entry-title a:hover, .entry-title a:focus, .entry-title a:active, .entry-meta a:hover, .widget-area a:hover, .navbar span.search-toggle:hover {
    color: #38e5c5;
}

input[type="reset"]:hover, input[type="button"]:hover, input[type="submit"]:hover {
    background-color: #1c1b1b;
}

p a, .entry-title, .page-title, .entry-title a {
    color: #1c1b1b;
}

.grey-back {
    background-color: #f8f8f9;
}

.dark-back {
    background-color: #1c1b1b;
}

/*//////////////////// SOCIAL ////////////////////*/
.social-profiles ul li a[href*="xing.com"]:before {
    content: '\f168';
}
/* ENGLISH */
.social-profiles ul li a[href*="capahill.com"]:before {
    content: '\f0ac';
}
/* GERMAN */
.social-profiles ul li a[href*="capahill.de"]:before {
    content: '\f0ac';
}

.social-profiles ul li a:hover, .social-profiles ul li a[href*="linkedin.com"]:hover, .social-profiles ul li a[href*="twitter.com"]:hover, .social-profiles ul li a[href*="instagram.com"]:hover, .social-profiles ul li a[href*="plus.google.com"]:hover, .social-profiles ul li a[href*="facebook.com"]:hover, .social-profiles ul li a[href*="xing.com"]:hover, .social-profiles ul li a[href*="capahill.com"]:hover {
    color: #38e5c5;
}

.social-profiles ul li a {
    font-size: 22px;
    color: #1c1b1b;
}

/*//////////////////// NAV & HEADER ////////////////////*/
.navbar-brand img {
    max-width: 60%;
}

.site-title, .left-side h3.widget-title {
    font-family: 'CapahillLogo-Regular', sans-serif;
    font-weight: 400;
}

.site-title {
    font-size: 35px;
}

.main-navigation a {
    font-weight: 700;
    font-size: 18px;
}

.my-info {
    margin: 60px 0 20px 0;
    padding: 0;
}

.home .page-single-featured-image, .page .page-single-featured-image {
    height: calc(100vh - 81px);
    margin-right: 100px;
}

.my-info .social-profiles {
    margin-top: 20px;
}

.navbar span.search-toggle {
    padding: 36px 15px 30px 15px;
}

@media only screen and (max-width:768px) {
    .home .page-single-featured-image, .page .page-single-featured-image {
        height: calc(50vh - 81px);
        margin-right: 0;
    }

    .my-info {
        margin-top: 50px;
    }

    .site-title {
        font-size: 30px;
    }
}

@media only screen and (max-width:767px) and (orientation:landscape) {
    .home .page-single-featured-image, .page .page-single-featured-image  {
        height: calc(100vh - 62px);
    }

    .my-info {
        margin-top: 0;
    }
}

@media only screen and (max-width:575px) and (orientation:portrait) {
    .home .page-single-featured-image, .page .page-single-featured-image {
        height: calc(70vh - 62px);
    }

    .my-info {
        margin-top: 0;
    }
}

/*//////////////////// FOOTER ////////////////////*/
.back-to-top a {
    border-radius: 50%;
}

.site-footer .widget-area {
    background-color: transparent;
    border-top: none;
    padding: 80px 0 0 0;
}

.site-footer, .site-info {
    background: linear-gradient(90deg, #1c1b1b 50%, #fff 50%);
}

.left-side {
    padding-right: 100px;
}

.right-side {
    padding-left: 100px;
}

.widget-area label {
    width: 100%;
}
.site-footer input[type="submit"] {
    padding: 15px 30px;
    margin: 0 auto;
}

span.wpcf7-list-item {
    margin: 0;
}

input[type="radio"], input[type="checkbox"], input[type="file"] {
    width: 22px;
    margin-left: -25px;
}

.site-footer .widget-area, .widget-title {
    color: #1c1b1b;
}

h3.widget-title {
    font-weight: 700;
	line-height: 1.6;
}

.site-footer input[type="submit"]:hover {
    background-color: #38e5c5;
}

.site-footer label {
    margin-bottom: 0;
    font-size: 14px;
}

span.wpcf7-not-valid-tip {
    color: #38e5c5;
}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: 2px solid #38e5c5;
}

::placeholder {
    color: rgba(237, 237, 237, 0.5);
}

textarea.wpcf7-form-control.wpcf7-textarea {
    max-height: 100px;
}

.site-footer #custom_html-7 {
    margin-bottom: -1rem;
}

.site-footer div.wpcf7-response-output {
    display:none!important;
}

.site-footer .widget-area a {
    color: #1c1b1b;
}

.left-side, .left-side .widget-title, .copyright, .copyright a, .widget-area a.invert, .invert  {
    color:#ededed;
}

.copyright {
    font-weight: 100;
}

.site-info {
    border-top: none;
    font-weight: 700;
    font-size: 18px;
    padding: 20px 0px 10px;
}

.legal-privacy ul li {
    display: inline;
}

.legal-privacy ul li:first-child {
    padding-right: 30px;
}

.legal-privacy a {
    color: #1c1b1b;
}

.site-footer input, .site-footer textarea{
    background-color: rgba(255, 255, 255, 0.1);
    color:#ededed;
}

.site-info a:hover, .site-info .copyright a:hover{
    color: #38e5c5;
    text-decoration: none;
}

.social-profiles ul li a {
    opacity: 1;
}

@media only screen and (max-width:1024px) {
    .left-side {
        padding-right: 50px;
    }
    
    .right-side {
        padding-left: 50px;
    }
}

@media only screen and (max-width:991px) {
    .site-footer, .site-info {
        background: #1c1b1b;
    }

    .left-side {
        padding: 0 15px;
    }
    
    .right-side {
        padding: 0 15px;
    }

    .dat-check {
        padding-left: 22px;
    }

    .site-info ul {
        text-align: right;
    }

    .right-side, .right-side .widget-title, .legal-privacy a, .site-footer .social-profiles ul li a:before, .site-footer .widget-area a {
        color:#ededed;
    }
}

@media only screen and (max-width:767px) {
    .site-info ul, .site-info .copyright {
        text-align: left;
    }
}

/*//////////////////// CAPA HOME PAGE ////////////////////*/
.capa-home .dark-inner {
    margin: 100px 0;
}

.dark-inner h3 {
    margin-bottom: 40px;
}

.capa-questions {
    margin: 100px -15px;
}

.capa-questions h2 {
    margin-bottom: 60px;
}

.capa-questions p {
    padding: 60px;
    background-color: #f8f8f9;
}

@media only screen and (max-width:1199px) {
    .capa-questions {
        margin-top: 60px;
        margin-bottom: 60px;
    }
}

@media only screen and (max-width:991px) {
    .capa-home .dark-inner {
        margin: 100px 0;
    }

    .capa-questions h2 {
        margin-bottom: 50px;
    }
}

@media only screen and (max-width:575px) {
    .capa-home .dark-inner {
        margin: 80px 0;
    }

    .capa-questions p {
        padding: 15px;
    }

    .capa-questions {
        margin: 80px -15px;
    }
}

/*//////////////////// SERVICES PAGE ////////////////////*/
.service-tiles, .service-tiles-inner h2 {
    color: #ededed;
}

.service-tiles-inner {
    padding: 60px 30px 50px 30px;
}

.box-icon {
    font-size: 50px;
}

.service-tiles h2 {
    font-size: 2em;
    margin: 20px 0 40px;
}

@media only screen and (max-width:1199px) {
    .service-tiles-inner {
        padding: 60px 10px 50px 10px;
    }
}

@media only screen and (max-width:991px) {
    .service-tiles-inner {
        margin: 15px 0;
    }
}

@media only screen and (max-width:325px) {
    .service-tiles h2 {
        font-size: 1.8em;
    }
}

/*//////////////////// CONTACT PAGE ////////////////////*/
.contact-infos {
    margin: 0 auto 80px auto;
}

.contact-infos h2.entry-title {
    margin-bottom: 60px;
    font-size: 3.5em;
}

#map-leaflet {
    background-color: rgb(199, 195, 190);
    border-top: 1px solid rgb(199, 195, 190);
    height: 390px;
}

@media only screen and (max-width:575px) {
    .contact-infos h2.entry-title {
        font-size: 2em;
    }
}

/*//////////////////// CAREER PAGE ////////////////////*/
.job-offer {
    margin: 50px 0;
}

.job-offer .boxed-in:first-child {
    margin-bottom: 50px;
}

.grey-inner h2 {
    margin-bottom: 40px;
}

/*//////////////////// LEGAL & PRIVACY PAGE ////////////////////*/
.legal, .privacy {
    margin-bottom: 100px;
}

.legal a, .privacy a {
    word-break: break-all;
}

.legal h3.entry-title, .privacy h3.entry-title {
    margin: 40px 0;
}

.legal h4, .privacy h4 {
    margin: 20px 0;
}

.boxed-in p, .legal ul, .privacy ul {
    line-height: 1.7;
}

.legal ul, .service-tiles ul {
    margin: 0;
}

.legal ul li, .service-tiles ul li {
    list-style: none;
}

.legal a:hover, .privacy a:hover {
    color: #1c1b1b;
    text-decoration: none;
}

@media only screen and (min-width:1024px){
    .boxed-in {
        padding-right: 150px;
    }
}

@media only screen and (max-width:768px){
    .legal h3.entry-title, .legal h4, .privacy h3.entry-title, .privacy h4 {
        text-align: center;
    }

    .legal h3.entry-title:after, .privacy h3.entry-title:after {
        margin: 10px auto 0 auto;
    }

    .legal .small-break {
        display: block;
    }
}
/*//////////////////// SINGLE POSTS ////////////////////*/

.single .page-single-featured-image {
    margin-right: 100px;
}

.single-post .entry-content p a {
    text-decoration: underline;
}

.single .entry-content {
    margin-bottom: 40px;
}

.entry-meta, .entry-meta a {
    color: #1c1b1b;
}

.tag-links a { /* WP TAGS */
    border-radius: .25em;
    padding: 0.1em .25em 0.25em .25em;
    margin: .2em;
    border: solid 1px #C9C9C9;
    background: #C9C9C9;
    white-space: nowrap;
    font-size: .8em;
}

.tag-links a:hover { /* WP TAGS HOVER */
    margin: .2em;
    background: #1c1b1b;
    color: #fff;
    border: solid 1px #1c1b1b;
    transition: .3s;
}

.entry-meta .date:before {
    display: none;
}

.entry-meta .by-author.vcard.author:before {
    content: "";
    width: 1px;
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    left: 0;
    top: 20%;
    bottom: 20%;
    display: block;
}

.entry-meta .by-author.vcard.author {
    padding-left: 16px;
    position: relative;
}

.entry-meta.capahill-author {
    margin-bottom: 10px;
    min-height: 150px;
}

.author-avatar img.alignleft {
    border-radius: 50%;
    margin: 5px 20px 10px 0;
}

@media only screen and (max-width:768px) {
    .single .page-single-featured-image {
        height: calc(50vh - 81px);
        margin-right: 0;
    }
}

@media only screen and (max-width:830px) and (orientation:landscape) {
    .single .page-single-featured-image {
        height: calc(90vh - 62px);
        margin-right: 0;
    }
}

@media only screen and (max-width:575px) and (orientation:portrait) {
    .single .page-single-featured-image {
        height: calc(50vh - 62px);
    }

    .indent {
        padding-left: 30px;
    }
}

/*//////////////////// SIDEBAR ////////////////////*/
.widget ul li {
    list-style-type: none;
}

#secondary.col-lg-4.widget-area {
    margin-top: 100px;
}

.sidebar-inner h3 {
    margin-top: 0;
}

/*//////////////////// TUTORIALS + SYNTAX HIGHLIGHTING ////////////////////*/
pre {
    color: #d4d4d4;
    background-color: #1e1e1e;
    padding: 25px;
    line-height: 1.5;
}

pre.too-long-toggle {
    max-height: 200px;
    position: relative;
    overflow-y: hidden;
}

pre.too-long-toggle:after {
    content: '';
    position: absolute;
    z-index: 1;
    bottom: -2px;
    left: 0;
    pointer-events: none;
    background-image: linear-gradient(to bottom, rgba(255,255,255,0) 20%, rgba(255,255,255, 1) 80%);
    width: 100%;
    height: 10em;
}

pre.too-long-toggle.open {
    max-height: none;
}

pre.too-long-toggle.open:after {
    display: none;
}

pre.too-long-toggle .tl-toggle {
    position: absolute;
    right: 0;
    top: 0;
    padding: 15px 20px;
}

pre.too-long-toggle.open .tl-toggle {
    top: auto;
    bottom: 0;
    transform: rotate(180deg);
}

pre.too-long-toggle .fa.fa-chevron-down:before {
    font-size: 20px;
}

pre.too-long-toggle .fa.fa-chevron-down {
    color: #fff;
}

pre.too-long-toggle .fa.fa-chevron-down:hover {
    cursor: pointer;
    color: rgba(255, 255, 255, 0.6);
}

.var-name, .parameter, .properties, .class-html, .id-html {
    color: #9cdcfe;
}

.var, .func, .tag, .unicode{
    color:#378ed6;
}

.method, .func-jq, .class-css, .id-css, .rgb {
    color: #dcdcaa;
}

.func-type, .string, .value, .class-html-name, .id-html-name {
    color:#ce8855;
}

.statement {
    color: #c586c0;
}

.number {
    color: #b5cea8;
}

.language-markup {
    border-radius: .25em;
    padding: .125em .25em;
    margin: 0 .2em;
    background: #f0f0f0;
    color: #232a3c;
    border: solid 1px #e0e0e0;
    white-space: nowrap;
}

@media only screen and (max-width:575px) {
    pre {
        padding: 5px;
        font-size: .9rem;
    }
}

/*//////////////////// BLOG PAGES ////////////////////*/
.capa-numbers {
    max-height: 250px;
    display: inline-block;
}

.capa-numbers.alignleft {
    margin-right: 30px;
}

.capa-numbers.alignright {
    margin-left: 30px;
}

.capa-tips {
    margin-top: 60px;
}

.entry-title.other-side::after {
    right:0;
}

.blockquote {
    font-weight: 700;
}

.x-out {
    text-decoration: line-through;
}

/*//////////////////// TWITTER EMBEDDED ////////////////////*/
.twitter-tweet {
    margin: 30px 0!important;
}

/*//////////////////// ARCHIVE PAGES ////////////////////*/

.archive .my-info {
    margin-bottom: 0;
}

.archive .page-header {
    margin-bottom: 40px;
}

/*//////////////////// SEARCH PAGE ////////////////////*/
.search .entry-content {
    margin: 0;
}

.search main {
    margin-bottom: 100px;
}

.readmore {
    margin: 5px 0;
}

.search-results .entry-title {
    margin: 30px 0 20px 0;
}