/*
Theme Name: OceanWP First-Friday
Author: first-friday.ch
Theme URI: https://first-friday.ch/
Description: OceanWP WordPress theme for First-Friday
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

/*------------------------------------*
    $CONTENTS
*------------------------------------*/
/**
 * BASE
 * - MAIN
 * - NORMALIZE
 * - LAYOUTS
 * - COMPONENTS
 * - TYPOGRAPHY
 * - FORMS
 *
 * COMPONENTS
 * - TOP BAR
 * - HEADER
 * - NAVIGATIONS
 * - LINKS EFFECT
 * - MEGA MENU
 * - SEARCH ICON
 * - DROP DOWN MOBILE
 * - FULL SCREEN MOBILE
 * - PAGE HEADER
 * - BLOG
 * - SIDEBAR
 * - CUSTOM SELECTS
 * - PAGINATION
 * - COMMENT
 * - SEARCH
 * - FOOTER
 * - 404 PAGE
 *
 * PLUGINS
 * - GENERAL
 * - MAGNIFIC POPUP
 * - SIDR
 * - SLICK
 *
 * RESPONSIVE
 */



/**
 * BASE
 * - COMPONENTS
 * - TYPOGRAPHY
 *
 /*

 /* image on start page without page title
  * Bilder müssen die css classe img-frontpage haben
  */
img.img-frontpage {
    margin-top: 0.65em;
}

/* Links in Content und Sidebar unterstrichen 'underline' */
#content a, #right-sidebar a {
    /*text-decoration: underline dotted; ie macht nicht mit */
    text-decoration: underline;
}

/* Mobile Menu Icon */
div.oceanwp-mobile-menu-icon a i {
    vertical-align: top;
}

/* Spezielle Icons vor Links */
/*            mailto */
a[href^="mailto"]:before {
    font-family    : "FontAwesome";
    content        : "\f003";
    padding-right  : 0.3em;
    vertical-align : middle;
    /* https://stackoverflow.com/questions/19326446/keep-underline-on-anchor-text-but-not-on-font-awesome-icon-in-anchor */
    display: inline-block;
    text-decoration:none !important;
}
/*            pdf */
a[href$=".pdf"]:before {
    font-family    : "simple-line-icons";
    content        : "\e085";
    padding-right  : 0.3em;
    vertical-align : middle;
    /* https://stackoverflow.com/questions/19326446/keep-underline-on-anchor-text-but-not-on-font-awesome-icon-in-anchor */
    display: inline-block;
    text-decoration:none !important;

}
/*            tel */
a[href^="tel:"]:before {
    font-family    : "FontAwesome";
    content        : "\f095";
    padding-right  : 0.3em;
    vertical-align : middle;
    /* https://stackoverflow.com/questions/19326446/keep-underline-on-anchor-text-but-not-on-font-awesome-icon-in-anchor */
    display: inline-block;
    text-decoration:none !important;
}

/* Search - Suche - Recherche */
/* Search Term Input blauer balken weg  */
.oew-search-dropdown {
  border-top: 0 none !important;
}
/* Search Result Page ungefähr wie Blog Page */
.search-results article .search-entry-title {
    font-size: 18px;
    margin: 0 0 6px;
}

/* Single Blog Post Title
 * Rest mit Customizer 'General Options' und 'Typography'
 */
.single .entry-title {
    padding: 40px 0 20px 0;
    margin: 0;
    border-bottom: 0 none;
}

/* Blog Page 'News/Nouvelles' read more */
/* Entweder Customizer > Blog Entries  Oder Template /partials/entry/readmore.php Oder css */
/* Als Icon, weil Anpassung an Polylang unklar ist */
#blog-entries h2.blog-entry-title a:hover {
    color: #ccccff
}
/* Seite mit Suchresultaten, englischen read more link ausblenden */
.search-entry-readmore {
    display: none;
}


/* right sidebar last paragraph ohne bottom margin */
#right-sidebar p:last-child {
    margin-bottom:0;
}

/* Footer Widget Area: Widget Custom Html */
#footer-widgets .widget_custom_html,
#footer-widgets .widget_custom_html p,
#footer-widgets .widget_custom_html a {
    font-size: 12px;
    text-align: center;
}

/* Navigation auf einer einzelnen Seite mit Anchors */
ul.page-navigation {
    width:100%;
    list-style-type: none;
    margin: 0 0 24px;
    margin: 0 0 1.714285714rem;
    padding: 0;
}
ul.page-navigation li {
    display: inline;
    margin: 0 2em 0 0;
    padding: 0;
}
ul.page-navigation li a,
ul.page-navigation li a:visited {
    hyphens: none;
    white-space: nowrap;
}

/* Glossar Toggle Widget */
.page-id-13957 .elementor-tab-title a,
.page-id-13957 .elementor-tab-title a:hover {
    color: #333;
    text-decoration: none;
    font-weight: normal;
}
.page-id-13957 .elementor-widget-toggle .elementor-toggle .elementor-tab-title {
    color: #333;
}
.page-id-13957 .elementor-widget-toggle .elementor-toggle .elementor-tab-content {
    color: #333;
}

#main #content-wrap{
	padding-top:0px;
	}


/* Plugin Polylang Widget Language Bar  */
/*.elementor-widget-wp-widget-polylang ul {
    list-style: none;
    float: right;
    font-size: 0.8em;
    line-height: 1.3em;
    margin:0;
    padding:0
} */

/* Plugin WPForms
 * https://wpforms.com/docs/how-to-customize-the-submit-button/
 */
/*    WPForms Submit Button */
/*body div.wpforms-container-full .wpforms-form input[type=submit], 
body div.wpforms-container-full .wpforms-form button[type=submit] {
    font-size: 16px;
    background-color: #333;
    color: #fff !important; /* ? */
  /*  padding: 10px 15px;
    text-transform: capitalize;
}
body div.wpforms-container-full .wpforms-form input[type=submit]:hover,
body div.wpforms-container-full .wpforms-form button[type=submit]:hover {
    color: #fff;
    background-color: #ccccff;
}
/*    WPForms Field Labels */
/* https://wpforms.com/docs/how-to-customize-the-style-of-individual-form-fields/ */
div.wpforms-container-full .wpforms-form .wpforms-field-label {
    font-weight: normal;
}
 
.wpforms-confirmation-container-full {
  background-color:#66FF66;
}

/* RESPONSIVE */
/* dies ist eine Zusammestellung der media queries die im master stylesheet vorkommen */

/*------------------------------------*
	Tablet Portrait
*------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

}

/*------------------------------------*
	Phone Landscape
*------------------------------------*/
@media only screen and (max-width: 480px) {

}

/*------------------------------------*
	All Devices under 1080px
*------------------------------------*/
@media only screen and (max-width: 1080px) {

}

/*------------------------------------*
	All Devices under 960px
*------------------------------------*/
@media only screen and (max-width: 959px) {

}

/*------------------------------------*
	Phone Portrait and Landscape
*------------------------------------*/
@media only screen and (max-width: 767px) {


}

/*------------------------------------*
    Phone Landscape
*------------------------------------*/
@media only screen and (max-width: 480px) {

}

@media screen and (min-width: 30em) {

}

@media screen and (min-width: 48em) {

}

/*------------------------------------*
    Tablet & Small Desktop Widths
*------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1280px) {
    /* megamenu */

}

/*------------------------------------*
  Tablet Portrait
*------------------------------------*/
@media only screen and (max-width: 959px) {

}

/* Responsive columns */
@media only screen and (min-width: 481px) and (max-width: 768px) {

}

@media only screen and (max-width: 480px) {

}