/*
Theme Name: the7dtchild-sakralaesthetik
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/





/*** Allgemein ***/


/*******************************************************
*
    Typographie 
    - "@import"-Anweisungen immer an 1. Stelle im Stylesheet! 
*
*******************************************************/


/* lokal installierte Schriften einbinden */
@import url('/fonts/fonts.css');


/* source-sans-3-200 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 200;
  src: url('/fonts/source-sans-3-v19-latin_latin-ext-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-200italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 200;
  src: url('/fonts/source-sans-3-v19-latin_latin-ext-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-300 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 300;
  src: url('/fonts/source-sans-3-v19-latin_latin-ext-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-300italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 300;
  src: url('/fonts/source-sans-3-v19-latin_latin-ext-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/source-sans-3-v19-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 400;
  src: url('/fonts/source-sans-3-v19-latin_latin-ext-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-500 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 500;
  src: url('/fonts/source-sans-3-v19-latin_latin-ext-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-500italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 500;
  src: url('/fonts/source-sans-3-v19-latin_latin-ext-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-600 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 600;
  src: url('/fonts/source-sans-3-v19-latin_latin-ext-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-600italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 600;
  src: url('/fonts/source-sans-3-v19-latin_latin-ext-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/source-sans-3-v19-latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-700italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 700;
  src: url('/fonts/source-sans-3-v19-latin_latin-ext-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-800 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 800;
  src: url('/fonts/source-sans-3-v19-latin_latin-ext-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-800italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 800;
  src: url('/fonts/source-sans-3-v19-latin_latin-ext-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-900 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 900;
  src: url('/fonts/source-sans-3-v19-latin_latin-ext-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-900italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 900;
  src: url('/fonts/source-sans-3-v19-latin_latin-ext-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}





/*******************************************************
*
    Typographie
*
*******************************************************/

p, ul {
  font-family: "Source Sans 3", Helvetica, Arial, Verdana, sans-serif;  
  font-size: 24px;
  line-height: 1.5;
} 
h1 {
  font-family: "Source Sans 3", Helvetica, Arial, Verdana, sans-serif !important;
  font-size: 48px !important;
  font-weight: 300 !important;
}
h2 {
  font-family: "Source Sans 3", Helvetica, Arial, Verdana, sans-serif !important;
  font-size: 36px !important;
  font-weight: 300 !important;
}
h3 {
  font-family: "Source Sans 3", Helvetica, Arial, Verdana, sans-serif !important;
  font-size: 24px !important;
  font-weight: 300 !important;
}
h4 {
  font-family: "Source Sans 3", Helvetica, Arial, Verdana, sans-serif !important;
  font-size: 24px !important;
  font-weight: 200 !important;
  font-style: italic !important;
}


/* Brotkrümel unter dem Beitrags-Seitentitel*/
.page-title .breadcrumbs, .page-title .breadcrumbs a {
  font-family: "Source Sans 3", Helvetica, Arial, Verdana, sans-serif !important;
}

/* Fußzeile linker Eintrag*/
#bottom-bar {
  font-family: "Source Sans 3", Helvetica, Arial, Verdana, sans-serif !important;
  font-size: 18px !important;
} 
/* Fußzeile rechter Eintrag*/
#bottom-bar p {
  font-family: "Source Sans 3", Helvetica, Arial, Verdana, sans-serif !important;
  font-size: 18px !important;
}
















/*******************************************************
*
    Breakpoints:   
                   |       Smartphone Portrait
                   |
                 551px
                   |       Smartphone Landscape
                 767px
                 768px
                   |       Tablet Portrait
                 990px
                 991px  
                   |       Tablet Landscape
                 1199px
                 1200px
                   |       Desktop
                 1399px 
                 1400px
                   |       Huge Desktop
*                                     
*******************************************************/


/* NUR AUF Smartphone Portrait anzeigen (ab Smartphone Landscape ausblenden) */
@media screen and (min-width: 551px) {
    .anzeige-nur-smartphone-portrait {
        display: none;
    }
}


/* ERST AB Smartphone Landscape anzeigen (auf Smartphone Portrait ausblenden) */
@media screen and (max-width: 550px) {
    .anzeige-ab-smartphone-landscape {
        display: none;
    }
}


/* NUR BIS Tablet Portrait anzeigen (ab Tablet Portrait ausblenden) */
@media screen and (min-width: 768px) {
    .anzeige-nur-bis-tablet-portrait {
        display: none;
    }
}


/* ERST AB Tablet Portrait anzeigen (auf Smartphone ausblenden) */
@media screen and (max-width: 767px) {
    .anzeige-ab-tablet-portrait {
        display: none;
    }
}


/* ERST AB Tablet Landscape anzeigen (auf Smartphone und Tablet Portrait ausblenden) */
@media screen and (max-width: 990px) {
    .anzeige-ab-tablet-landscape {
        display: none;
    }
}


/* NUR BIS Tablet Landscape anzeigen (Tablet Landscape und Desktop ausblenden) */
@media screen and (min-width: 991px) {
    .anzeige-nur-bis-tablet-landscape {
        display: none;        
    }
}


/* ERST AB Desktop anzeigen (auf Smartphone und Tablet ausblenden) */
@media screen and (max-width: 1199px) {
    .anzeige-ab-desktop {
        display: none;
    }
}


/* NUR BIS Desktop anzeigen (auf Desktop ausblenden) */
@media screen and (min-width: 1200px) {
    .anzeige-nur-bis-desktop {
        display: none;
    }
}

/* Anzeige ab 1600px */
@media screen and (max-width: 1599px) {
    .anzeige-ab-1600px {
        display: none;
    }
}


/* Anzeige ab 2000px */
@media screen and (max-width: 1999px) {
    .anzeige-ab-2000px {
        display: none;
    }
}


/* Anzeige ab 2300px */
@media screen and (max-width: 2299px) {
    .anzeige-ab-2300px {
        display: none;
    }
}



/* KOMPLETT AUSBLENDEN, für Kommentarspalten im WP-Backend */
.keine-anzeige {
    display: none;
}















/*******************************************************
*
    Startslider
*
*******************************************************/

/* Top Bar mit Menü ausblenden */
.page-id-102 .mixed-header.side-header-h-stroke, .mixed-header.side-header-v-stroke {
  display: none;
}

/*  Fußzeile ausblenden */
.page-id-102 .footer {
  display: none;
}













/*******************************************************
*
    Header und Menü
*
*******************************************************/

/*** Headerleiste ("Top Line") ***/

/* Sakralaesthetik-Schriftzug */
.mixed-header .text-area p {
  font-family: "Source Sans 3", Helvetica, Arial, Verdana, sans-serif; 
  font-size: 36px;
  text-transform: uppercase;
  letter-spacing: 0.15em;
}
.mini-widgets .text-area a {
  color: #F2F1EC;
} 

.mobile-header-bar .mobile-mini-widgets .text-area p {
  font-family: "Source Sans 3", Helvetica, Arial, Verdana, sans-serif; 
  font-size: 26px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 300;
}
.mobile-mini-widgets .text-area a {
  color: #F2F1EC;
} 


@media screen and (max-width: 992px) {
  .mobile-mini-widgets {
    justify-content: space-between !important;
  }
}
 
.main-nav > li > a .menu-text {
  font-family: "Source Sans 3", Helvetica, Arial, Verdana, sans-serif; 
}








/*******************************************************
*
    Allgemeines fuer alle Seiten
*
*******************************************************/

/* Links nicht unterstreichen */
a {
	text-decoration: none;
}
/* Microwidgets-Links im Header */
.mini-widgets .text-area a:not(.dt-btn), .mobile-mini-widgets .text-area a:not(.dt-btn) {
    text-decoration: none;
}    

/* scroll-on-top-Pfeil nach rechts verschieben */
.scroll-top {
  right: 10px !important;
  left: auto !important;
} 
 









/*******************************************************
*
    Startseite
*
*******************************************************/

/* Überschriften */
.blog-shortcode .entry-title {
  font-size: 36px !important;
  font-weight: 300 !important;
}
/* Schrift Exzerpt im Beitragsgrid */
.blog-shortcode .entry-excerpt p {
  font-size: 22px !important;
  font-weight: 300 !important;
}

.post-details.details-type-link {
  font-size: 16px !important;
  font-weight: 200 !important;
}










/*******************************************************
*
    Beitraege
*
*******************************************************/

/* verschiedene Titelgroessen auf Mobil-Bildschirmen */
h1.vc_do_custom_heading {
    font-weight: 300;
    margin-bottom: 1.0rem;
}    
@media screen and (min-width: 560px) {
  h1.vc_do_custom_heading {
    font-size: 48px !important;
    line-height: 50px;
  }
}
@media screen and (max-width: 559px) {
  h1.vc_do_custom_heading {
    font-size: 38px !important;
    line-height: 42px;
  }
}
@media screen and (max-width: 400px) {
  h1.vc_do_custom_heading {
    font-size: 32px !important;
    line-height: 38px;
  }
}



/* Beitragsbox - Hintergrundfarbe und Raender */
.single-postlike {
  background-color: #F2F1EC;
  padding-top: 30px;
  margin-left: 20px;
  margin-right: 20px;
}


/* Beitragsbox - Text-Raender an Bildrand anpassen */
@media screen and (min-width: 1156px) {
  .single-postlike .vc_do_custom_heading, .single-postlike p {
    margin-left: 80px;
    margin-right: 80px;
  }  
}
@media screen and (max-width: 1155px) {
  .single-postlike .vc_do_custom_heading, .single-postlike p {
    margin-left: 20px;
    margin-right: 20px;
  }  
}





/* Shariff-Box-Formatierung */
.shariffbox {
  /*border-top: 1px solid #6b695f;*/
  padding-right: 25px;
  /*background-color: #F2F1EC;*/
} 




/* Buttons fuer vorheriger/naechster Beitrag */
.meta-nav {
  font-family: "Source Sans 3", Helvetica, Arial, Verdana, sans-serif;
  font-size: 16px;
}  
.nav-next .post-title {
  font-family: "Source Sans 3", Helvetica, Arial, Verdana, sans-serif;
  font-size: 24px;
}
.nav-previous .post-title {
  font-family: "Source Sans 3", Helvetica, Arial, Verdana, sans-serif;
  font-size: 24px;
}
/* Farbe der Pfeile */
.post-navigation .nav-links svg {
      fill: rgba(47, 46, 42, 0.40);
}