/*
Theme Name: OceanWP Zwangsheirat
Author: zwangsheirat.ch
Theme URI: https://zwangsheirat.ch/
Description: OceanWP WordPress theme for zwangsheirat.ch, zwangsehe.ch, mariageforce.ch
Template: oceanwp
Version: 1.2
*/

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

/* STYLE GUIDE */
/* Hellblau hover   color: #ccccff */

/*------------------------------------*
    $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
 * - WIDGETS BLOCKS
 * - CUSTOM SELECTS
 * - PAGINATION
 * - COMMENT
 * - SEARCH
 * - FOOTER
 * - 404 PAGE
 *
 * PLUGINS
 * - GENERAL
 * - MAGNIFIC POPUP
 * - SIDR
 * - SLICK
 *
 * RESPONSIVE
 */


/**
 * BASE
 * - COMPONENTS
 *
 /*


 */
/*
  Listen mit Strichen - dashed lists
 https://ilikekillnerds.com/2016/04/unordered-list-style-using-dashhyphen/
 */
ul.dashed {
    list-style-type: none;
}

ul.dashed > li:before {
    content: "\2014";
    position: absolute;
    margin-left: -20px;
}

/*
  Listen mit Kleinbuchstaben - ordered list with lowercase
 https://ilikekillnerds.com/2016/04/unordered-list-style-using-dashhyphen/
 */
ol.lowercase {
    list-style-type: lower-alpha;
}

/**
 * BASE
 * - 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: "Font Awesome 5 Free";
    content: "\f0e0";
    color: #333;
    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: "Font Awesome 5 Free";
    content: "\f3cd";
    color: #333;
    font-weight: 900; /* see https://github.com/FortAwesome/Font-Awesome/issues/11946*/
    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;
}

/* sidebar with background */
.separate-layout .widget-area .sidebar-box {
    background-color: #ccccff;
    padding: 30px;
}

/* sidebar background overlay BUG Sept 23 kov */
.oceanwp-sidr-overlay {
    background: rgba(0, 0, 0, 0); /* before rgba(0, 0, 0, 0.3) */
}

/* 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,
ol.page-navigation {
    width: 100%;
    list-style-type: none;
    margin: 0 0 24px;
    margin: 0 0 1.714285714rem;
    padding: 1em;
    background-color: #fafaff;
}

ol.page-navigation {
    list-style-type: decimal;

}

ul.page-navigation > li,
ol.page-navigation > li {
    margin: 0;
    padding: 0;
    font-size: 1.01em;
}

ol.page-navigation > li {
    margin-left: 1em;
}

ul.page-navigation ul li {
    display: inline;
    font-size: 0.94em;
    margin: 0 1.5em 0 0;
    padding: 0;
}

ul.page-navigation li a,
ul.page-navigation li a:visited,
ol.page-navigation li a,
ol.page-navigation li a:visited {
    hyphens: none;
}

/* PROVISORISCH TODO Navigation auf einer einzelnen Seite mit Anchors Plugin TOC+*/
#toc_container {
    background: #fafaff;
    border: 0 none;
    padding: 10px;
    margin-bottom: 1em;
    width: auto;
    display: table;
    font-size: 95%;
}

.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;
}


/* 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;
}


/* 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) {

}