/*
Theme Name:  Sydney Child
Description: Mein Child Theme
Author:      Florin Birjoveanu
Theme URI:   https://birjoveanu.de
Template:    sydney
Version:     1.0
Text Domain: sydney-child
*/

/* important files   birjoveanu.de/wp-config.php *more memory 64M >256M

                     birjoveanu.de/wp-content/themes/sydney/functions.php *new menu *ip adr delete *child css
                    
                    
                 
    00     CSS Child                                  0000

    01     B O D Y                                      70
    
    02     H1 H2 H3 H4 H5                              400
    
    03     Image Hover Effects CSS3                    430
    
    04     PARTS MODULE STARTSEITE                     450
    
    05     S I T E     G A L L E R Y                   620
    
           FINAL TILES GALLERY                         770
    
           ROOM-ANIM                                   780

    06     M O D A L                                   860
    
    07     COUNTER                                    1190
    
           FORM                                       1210
    
    08     W I D G E T S                              1310
    
           FOOTER                                     1500
    
           All Post / SERIES                          1620
    
    09     T I T L E                                  1870
    
    10     COKIES                                     2070
    
    11     B U T T O N S                              2280
    
    12     wp ADMIN                                   2470
    
    14     M E N U S                                  2510
    
    15     ALBUMS: PHOTO CREATIVE CAPTURED            2520
    
    16     LINKS EDIT P O S T S                       2590
    
    17     Shop Wocommerce                            2600
    

    
    color red  #d65050 214, 80, 80,  
    gray text link  #767676 #333 118, 118, 118 
    gray logo #909090
    gray hgr  #eeefff
    post images make 900*675 down                       */







/* ----------------------------------------------------------------------------------------------- */    
/*---------------------------------- B  O  D  Y -------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */

@font-face {
  font-family: 'Raleway';
  src: url('fonts/Raleway-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Raleway';
  src: url('fonts/Raleway-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

body, p, a, div, span {
  font-family: "Raleway", sans-serif;
}

/* Global auf Raleway */
body, h1, h2, h3, h4, h5, h6, p, a, span, div {
    font-family: "Raleway", sans-serif !important;
}

html, body {
    background: transparent !important;
}

#chaty-widget-0 .channel-icon-Whatsapp .color-element {
  fill: #d65050!important;
  color:#d65050!important;
}

#page,
.site,
.site-content,
.page-wrap {
    background: transparent !important;
}

#page {
    position: relative;
    z-index: 1;
}

.header-slider {
    height: 100vh; !important;
    max-height: 100vh !important; /* passe je nach Bedarf an */
    overflow: hidden;
}

.meport { 
    text-align: center; 
    padding: 0 0 30px 0;
}

.menu-port { 
    margin-left: -35px;
}

.lett, .lett-a, .lett-h, .lett-k, .lett-l { 
    border-color: rgba(160,160,160, 0.3);
    border-bottom: 1px solid;
    margin-bottom: 50px;  
}
.lett-a, .lett-d { 
    border-bottom: 0; 
}
.lett-d { 
    font-style: italic!important; 
}
.lett-a { 
    border-top: 0;
}
.pasp-b, .pasp-c, .pasp-d, .lett-c { 
    margin-bottom: 30px;
    padding: 1.35em 0.5em 0.5em 0.5em;
}
.lett-c { 
    background-color: #fefefe;
    border: 1px solid #f1f1f1;
    overflow-x: hidden;
    overflow-y: hidden;
}
.pasp-b, .pasp-c  { 
    padding: 1.35em 0.5em 1.5em 1.5em;
    margin-left: 0;
}
.pasp-d  { 
    padding: 1.35em 0.5em 1.5em 1.5em;
    text-align: center;
}
.lett-c, .lett-cc { 
    margin-top: -20px; 
}
.lett-dd { 
    margin-top: -47px; 
    width: 100%;  
    display: inline-block;
}
.lett-ee { 
    margin-top: 0; 
    display: inline-block;
    padding: 5px 20px 5px 0px;
}

.lett-ff, .lett-gg { 
    border: solid 1px white;
    width: 100%;
    float:right;
    padding: 0 40px 20px 0;
    margin-top: -20px;
}

.lett-gg {
    break-inside: avoid;
    page-break-inside: avoid;
    min-width: 220px;
}

@media (max-width: 700px) {
    .lett-gg {
        width: 100%;
    }
}

.lett-hh { 
    width: 220px;
    float: right;
    border: 1px solid white;
}

.lett-hh {
    min-width: 220px;
}

/*.lett-bb, */
.lett-cc { 
    width: 100%;
    font-style: italic!important; 
}

.lett-e { 
    margin-top: 0; 
}

.lett-f { 
    width: 100%; 
    margin-top: 15px;
}

.lett-g { 
    margin-bottom: 40px; 
    margin-top: 40px; 
}

.lett-h { 
    margin-bottom: 100px; 
}

.let-n { 
    width: 100%; 
    margin-top: 5px; 
}

.lett-i { 
    width: 100%; 
    margin-top: 0px; 
    font-style: italic;
}

.lett-jj { 
    margin-top: -50px; 
}

.lett-k { 
    margin-bottom: 70px; 
}

.lett-l  { 
    margin-bottom: 50px;  
}

/*
.lett-m { 
    margin-top: 25px;
}
*/

.lett-mb { 
    margin-bottom: 4em;
}

.lett-ms, .toTop, .marTop { 
    margin-top: 10px;
}

.marTop { 
    margin-left: 20px;
    margin-top: 20px;
}

.top25minus { 
    margin-top: -25px;
}

.toTop25 { 
    margin-top: 25px;
}
.top25  { 
    height: 25px;
}
.toTop50 { 
    margin-top: 50px;
}

.toTop75 { 
    margin-top: 75px;
}

.toTop100 { 
    margin-top: 100px;
}

.between5 {
    height: 5px;
}

.between10 {
    height: 10px;
}

.betweenDiv, 
.between15 {
    height: 15px;
}

.between30 {
    height: 30px;
}

.between50 {
    height: 50px;
}

.between75 {
    height: 75px;
}

.toPad { 
    padding: 10px 0;
}

.toBottom { 
    margin-bottom: 10px;
}

.toBottom50 { 
    margin-bottom: 50px;
}

.rahm { 
    margin-bottom: 50px; 
    border: 1px solid rgba(200,200,200,.7);
    border-radius: 3px; 
    background-color: #f5f5f5;
}

.cover { 
    background-color: rgba(255,255,255,.85);
    opacity: 0.4;
}

.bgrf5 { 
    background-color: #f1f2d4;
    padding: 0;
}

.abbrev { 
    font-size: 0.75em;
    vertical-align: 0.1em;
}

.pdfpic { 
    opacity: 0.6;
    width:21px; 
    height: 14px; 
    margin-bottom: 0.3em;
}

.textp, .pasp-b, .pasp-c, .pasp-d, .lett-c { 
    clear: both;
    background: none repeat scroll 0 0 #FEFDFC;
    border: 1px solid #e5e5e5;
    border-radius: 0.05em;
    padding: 1.25em 1.0em 1.0em 1.35em;
    margin-top: 1.5em;
    margin-left: 5px;
}

.textp { 
    margin-top: 0.8em;
    margin-bottom: 1em;
}

.lett-c, .pasp-c, .pasp-d, .tagcloud  { 
    background-color: white;
}

.par, .par-small {
    background-color: #a9a9a9;
    color: white; 
    padding: 20px; 
    display: inline-block;
    margin-left: 5px!important;
}

.par-small {
    padding: 20px 0; 
    background-color: #FEFDFC;
    color: #47425d;
    margin-left: 20px;
    margin-bottom: 5px;
}

/* produktkurzbeschreibung*/
hr.shortdescr { 
    border-top: 1px solid rgba(160, 160, 160, 0.3); 
    margin-bottom: 10px;
}

.topLine, .topLineOverview { 
    border-top: 1px solid rgba(160, 160, 160, .3); 
    margin-bottom: 15px;
}
.bordBott { 
    border-bottom: 1px solid rgba(160, 160, 160, .3); 
    margin: 15px 0;
}

.bordTop { 
    border-top: 1px solid rgba(160, 160, 160, .3); 
    margin: 0 15px;
}
.topLineOverview { 
    height: 10px;
    margin-top: 0;
}

/*.posted-on, .byline {
    text-decoration-line: none;
}*/

.posted-on, .byline {
    font-style: italic;
    font-size: 0.9em!important;
    color: rgba(160, 160, 160, .9)!important; 
}

.published, .single-meta a  {
    color: rgba(160, 160, 160, .9)!important; 
}

.single-meta {
    text-decoration: none!important;
}

.entry-header {
    font-size: 2.2em!important;
}

.taxonomy-description {
    color: white; 
    font-size: 0.2em!important;
}




/**/
/* ---------------------------------------------- H1 H2 H3 H4 H5 ------------------------------------------------------------*/
/**/

h1, h2 { 
    font-weight: 400; 
    font-size: 2.00em; 
    font-style: italic;
    color: #767676; 
}

.page-id-20 h2 { 
    font-size: 2.20em!important;
} 

h3, .page-title { 
    font-family: 32px/1.1 "Raleway", sans-serif, lighter; 
    color: #767676;
    font-style: italic;
}

h4 { 
    font-family: 25px/1.1 "Raleway", sans-serif, lighter; 
    font-style: italic!important; 
}

h4.italic { 
    font-style: italic;
}

.page-id-6512 h2, .page-id-6508 h2 { 
    font-size: 2.15em; 
    text-transform: uppercase;
} 

.page-id-6724 h3, .page-id-6724 h4 { 
    font-style: italic!important; 
    color: #777777; 
} 

.page-id-6724 h3 { 
    font-weight: 300; 
    font-size: 1.70em; 
} 

/*protected on portfolio*/
.post-13936.page.type-page.status-publish.post-password-required.hentry H1, 
.post-13936.page.type-page.status-publish.post-password-protected.hentry .entry-header .title-post.entry-title,
.post-461.page.type-page.status-publish.post-password-required.hentry H1, 
.post-461.page.type-page.status-publish.post-password-protected.hentry .entry-header .title-post.entry-title { 
    font-size: 0.01em!important;
    color: white!important;
}

.page-id-6512 h3, .page-id-6512 h2, .page-id-6508 h3, .page-id-6508 h2 { 
    font-style: italic!important; 
    font-weight: 300; 
    color: #777777; 
    font-size: 1.70em;
} 

/*
.page-id-2 h2, .page-id-2 h3 { 
    font-style: italic!important; 
    font-weight: 300; color: #777777; 
    font-size: 1.70em;
} 
.page-id-2 h2 { 
    font-size: 2.15em; 
    text-transform: uppercase;
}  */

.page-id-6511 h4, .page-id-6511 h5 { 
    font-style: italic!important; 
    font-weight: 300; color: #777777; 
    font-size: 1.70em;
}    







/**/
/*--- ----------------------------------- PARTS MODULE STARTSEITE page-id-20 transition für expanded/ short  -----------------------------------------*/
/**/
/*
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
*/
/*
.overview {
  padding: 0;
}*/


.sp-smart-post-back-to-top-wrapper {
    display: none!important;
}

.shortwrap,
.shortwrap:hover {
  border: 1px solid rgba(0, 0, 0, 0.05);
  transition: border 0.25s ease;
  padding: 0 12px;
  margin-right: -20px;
}

.shortwrap:hover {
  border-color: rgba(214, 80, 80, 0.75);
  box-shadow: 0 0 20px rgba(214, 80, 80, 0.15);
  
}

.shortwrap:has(.shortpart:hover) {
  border-color: rgba(214, 80, 80, 0.75);
}

/*.content-area  {
  border-right: 1px solid rgba(0,0,0,0.05);
}*/

/* STARTSEITE MODULE */
.shortpart {
  max-height: 500px; /* Short Höhe */
  overflow: hidden;
  cursor: pointer;
  transition: max-height 0.6s ease;
  position: relative;
  z-index: 1;
}

/* Overlay Gradient */
.shortpart::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 120px;
  background: linear-gradient(to bottom, rgba(255,255,255,0), #fff);
  pointer-events: none;
  z-index: 10;
}

/* Expanded */
.shortpart.expanded {
  max-height: 6000px;
}

/* UX Hint */
.shortpart::after {
  content: "";
  display: block;
  color: #767676;
  font-style: italic;
  background: linear-gradient(to bottom, rgba(255,255,255,0), #fff);
}

.shortpart.expanded::after {
  content: "";
}

/* Expanded */
.shortpart.expanded .full-text {
  display: block;
}

.shortpart.expanded .preview-text {
  display: none;
}

/* Expanded: Overlay weg */
.shortpart.expanded::before {
  display: none;
}

/* ======= COLUMNS ======= */
.section-columns {
  column-count: 2;
  column-gap: 40px;
  column-rule: 1px solid rgba(0,0,0,0.05);
}

/* Mobile */
@media (max-width: 768px) {
  .section-columns {
    column-count: 1;
  }
}

/* Column Bug Fix */
.section-columns p,
.section-columns h2,
.section-columns img {
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
}


/* Preview begrenzen */
.preview-text {
  display: -webkit-box;
  -webkit-line-clamp: 4; /* echte 4 Zeilen */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Full Text verstecken */
.full-text {
  display: none;
}

/*--- LAYOUT COLUMNS old  ----*/
.lett-f, .lett-d, .lett-d3 {
  column-count: 1;
}

/* Tablet */
@media (min-width: 569px) {
  .lett-f, .lett-d, .lett-d3 {
    column-count: 2;
  }
}

/* Desktop groß */
@media (min-width: 901px) {
  .lett-d3 {
    column-count: 3;
  }
}

.lett-f, .lett-d, .lett-d3 {
  column-gap: 40px;
  column-rule: 1px solid rgba(0,0,0,0.05);
}

.lett-f p,
.lett-d p,
.lett-d3 p {
  break-inside: avoid;
  page-break-inside: avoid;
  -webkit-column-break-inside: avoid;
}




/**/
/*--- ---------------------- 03  S I T E     G A L L E R Y -----------------------------------------------*/
/**/

.gallery-pagination {

    text-align:center;
    margin: 60px 0;
}

.gallery-pagination button {

    width: 30px!important;
    height: 30px!important;
    margin: 10px;
    padding: 0 0 2px 0!important;
}

.gallery-pagination button.active {
    background: #fff;
    color: #d65050;
    border-color: #d65050;
}

.gallery-grid {
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 20px;
}

.gallery-pict {
    width: 250px;
    margin-bottom: 40px!important;
}

.gallery-pict.hidden {
    display:none !important;
}

@media (max-width: 900px) {
    .gallery-pict {
        width: calc(50% - 10px);
    }
}

@media (max-width: 600px) {
    .gallery-pict {
        width: 100%;
    }
}







/**/
/*--- ----------------------------------------------FINAL TILES GALLERY -----------------------------------------------------------------------*/
/**/



.final-tiles-gallery .loading-bar i {
    display: none !important;
}

/**/
/*--- ---------------------------------------------- ROOM-ANIM ----------------------------------------------------------------------*/
/**/



#room-anim {
    width: 100%;
    height: 600px;
    position: relative;
    overflow: hidden;
}

#room-anim canvas {
    cursor: default;
}



/* ------------------------------------------------------------------------------------------------------------------------------------------ */
/*--- ---------------------- 03 M O D A L modal.js -------------------------------------------------------------------------------------------*/
/* ------------------------------------------------------------------------------------------------------------------------------------------ */


.modal-gallery {
  position: relative;
}

.gallery-img {
  display: none;
  width: 500px;
}

.gallery-img.active {
  display: block;
}


#art-modal {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  overflow-y: auto; 
}

#art-modal {
  scroll-behavior: smooth;
}

#art-modal {
    overflow-x: hidden;
}

.wpadmin-content,
.sitemap-content {
  width: 95%!important;
}

.hidden { 
    display: none; 
}

.answ {
	background-color: #fbfbfb;
	border: 1px solid #ccc;
	border-style: thin;
	border-radius: 7px;
	padding: 7px 7px 5px 7px;
	color: #767676;
	margin-top: 12px;
}

.form-message {
	text-transform: none;
	height: 33px;
	padding: 3px 7px 3px 7px;
}

.form-message {
	height: 73px;
	margin-bottom: 7px;
	width: 400px;
}

.wpadmin-password,
.sitemap-password,
.form-name,
.form-email	{ 
    text-transform: none;
	height: 28px!important;
	padding: 3 7px;
	min-width: 24ch!important;
	width: 170px!important;
}

.wpadmin-login,
.sitemap-login {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
    width: 80%;
    margin-bottom: 70px;
}

.wpadmin-login p,
.sitemap-login p {
    flex: 0 0 100%;
    margin: 0;
}

.wpadmin-password,
.sitemap-password {
    flex: 1;
    min-width: 0;
    max-width: 200px!important;
    transform: translateX(-15px);
}

#open-wpadmin,
#open-sitemap {
    flex-shrink:0;
}

.modal .confirm-message {
  white-space: pre-line;
}

input:focus,
textarea:focus {
	outline: none !important;
}

.feedback {
  text-align: right;
}

 .title-pad {
	margin: 10px 0 5px 0;
	width: 90%;
}

.sale-content,
.modallink,
.item-info,
.item-title,
.other-content {
	color: #767676;
}

.item-title {
  font-size: 1.34rem;
  font-weight: bold;
}

.item-title,
.item-info {
	font-weight: bold;
	color: #333;
}

.sale-content:hover,
.other-content:hover {
	color: #d65050;
}

.sale-label {
	margin-top: 8px;
}



/*  -------- .modal-description 14.05.----------- */


.descrip {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  transition: max-height .35s ease;
  max-height: 120px;
}

.descrip.expanded {
  max-height: none;
}



.descrip::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background: linear-gradient(to bottom, rgba(255,255,255,0), white);
  pointer-events: none;
}

.descrip.expanded::after {
  display: none;
}

.descrip {
  will-change: max-height;
}




/*  ------------ toggle-more = see more btn ---------- */
/*  ------------ hg-print = Click here for high-grade printse btn ---------- */

.togg-div {
  text-align: right;
  width: 100%;
  height: auto;
}

.hg-print,
.toggle-more {
  right: 7px;
  top: -5px;
  text-transform: none;
  background-color: transparent;
  color: #d65050;
  padding: 3px 7px 0 0;
}

.toggle-more {
 margin-bottom: 20px;
 position:relative;

}

.hg-print {
  right: auto;
  color: #333!important;
  margin-bottom: 15px;
  font-size: 0.97em;
}

.hg-print,
.hg-print:hover,
.toggle-more,
.toggle-more:hover {
	border: none;
	background-color: #fff;
}

.toggle-more:hover {
  color: #767676!important;
  cursor: pointer;
}

.hg-print:hover {
  color: #d65050!important;
  cursor: pointer;
}

/*  -------- toggle-request = non-binding request ----------- */

.toggle-request {
  display: none;
  text-transform: none;
  height: 0;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity .35s ease, transform .35s ease;
  pointer-events: none;
  max-height: 0;   /* WICHTIG: kein Platz im Layout wenn hidden */
  overflow: hidden;
  color: #d65050!important;
  background-color: #fff!important;
  margin: 20px 0 0 0;
}

.toggle-request:hover,
.language:hover {
  color: #fff!important;
  background-color: #d65050!important;
}

.toggle-request.visible {
  height: auto;
  padding: 0 7px;
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
  max-height: 40px; /* Platz wieder aktiv */
  bottom: 15px;
  font-size: 0.94em;
  display:inline-block;
  color:#d65050;
  background:#fff;
  padding:0 7px;
  margin-top: 25px;
} 

.toggle-more,
.toggle-request {
  pointer-events: auto;
}

.language {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 7px;
    border: 1px solid #d65050 !important;
    background: #fff;
    color: #d65050 !important;
    text-transform: none;
    text-decoration: none;
}

.wide100 {
    width: 100%;
    display: flex;
    justify-content: center!important;
    align-items: center;
    gap: 15px!important;
}

.allpage {
    font-size: 0.95em;
    font-style: italic!important; 
}

.modal {
	inset: 0;
	position: fixed;
	z-index: 9999 !important;
	padding-top: 100px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.5) !important;
	pointer-events: none;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.25s ease, visibility 0.25s ease;

    display: none;
    justify-content: center;
    align-items: center;
}

.modal.is-open {
   opacity: 1;
   visibility: visible;
   pointer-events: auto;
   display: flex;
}

.modal.active {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  opacity: 1;
  visibility: visible;
  pointer-events: auto; /* ⚠️ Ohne das klickt man auf nichts */
}

.modal-content {
  max-height: 90vh; /* verhindert Überlauf */
}

.modal-content img {
  width: 100%;
  height: auto;
}

.modal-dynamic-content {
  max-height: 90vh;
  overflow-y: auto;
}

.modal-content,
.sale-content,
.other-content {
	width: auto;
	max-width: 600px;
	font-style: italic;
	font-size: 0.95em;
	background-color: white;
	pointer-events: auto;
	position: relative;
	z-index: 1;  /* Content über Overlay */
	box-sizing: border-box;
}

.sale-content,
.other-content {
	margin: 20px 20px 10px 20px;
}

.other-content {
    width: 600px;
    max-width: 90%;
    box-sizing: border-box;
}

.overhang {
  position: relative;
  color: #767676;
}

@media (max-width: 600px) {
    .modal-content,
    .sale-content,
    .other-content {
        max-width: 500px;
        width: 100%;
        box-sizing: border-box;
    }
}






/**/
/*--- ---------------------- COUNTER ----------------------------------------------------------*/
/**/


.txtlink,
.view-counter-text,
.view-counter-value {
	color: #767676;
	font-style: italic;
	font-size: 0.9em;
}

.view-counter-text,
.view-counter-value {
	font-size: 0.75em;
}

.txtlink:hover {
	color: #d65050;
	cursor: pointer;
}

svg[fill="currentColor"] {
    width: 14px !important;
    height: 11px !important;
    opacity: 0.85!important;
}

/* ---------------- close ---------------- */
.close {
  position: absolute;
  top: 10px;
  right: 12px;
  width: 32px;
  height: 32px;
  cursor: pointer;
  z-index: 10000;
}

/* Linien */
.close::before,
.close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 2px;
  background: #767676;
  transition: background 0.2s ease;
}

/* erste Linie */
.close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

/* zweite Linie */
.close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

/* Hover */
.close:hover::before,
.close:hover::after {
  background: #000;
}



/* ----------------------------------------------------------- */
/* --------------------------- FORM -------------------------- */
/* ----------------------------------------------------------- */

.contact-form {
  margin-top: 0;
}

#open-wpadmin,
#open-sitemap,
.subm-form {
  text-transform: none;
  height: 28px;
  padding: 0 20px !important;
  display: block;
  transition: opacity .3s ease;
}

.subm-form {
  right: 20px;
  margin-left: auto; /* ← rechts ausrichten */
  margin-bottom: 10px;
}

.request-form {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  padding: 0 20px;
  transition: max-height 0.4s ease, opacity 0.3s ease;
}

.request-form.active {
  max-height: 500px;
  opacity: 1;
}


/* ---------------- PRIVACY ---------------- */
.checkbox {
	font-size: 0.90em;
}

.privacy {
	font-size: 0.95em;
	color: #767676;
	display: block;
	margin: 6px 0 8px 5px;
	font-weight: normal;
	font-size: 0.95em;
}

/* ---------------- CONFIRMATION BOX ---------------- */
.confirmation {
	transition: opacity 0.6s ease-in-out;
	opacity: 0;
	pointer-events: none;
}

.confirmation.visible {
	opacity: 1;
	pointer-events: auto;
}


.confirmation {
  transform: translateY(10px);
  transition: all .4s ease;
}

.confirmation:not(.hidden) {
  opacity: 1;
  transform: translateY(0);
}

.answer-box{
    padding: 3px 10px;
    margin: auto 20px 20px 20px;
    font: #ccc 0.85em;
    font-family: "Raleway", sans-serif;
    border-radius: 4px;
    max-width: 95%;
    border: 1px solid #ccc;
    background-color: #efefef;
}


/* ------------------------------------------------------------------------------------------------- */
/*--- ---------------------- W I D G E T S ----------------------------------------------------------*/
/* ------------------------------------------------------------------------------------------------- */



.sp-pcp-post-content, .pcp-wrapper-15286 { 
    font-family: "Raleway", sans-serif!important;
    font-size: 90%!important;
    color: #47425d!important;
}

#custom_html-20 {
    top: -35px;
}

.entry-thumb { 
    display: none;
}

#wpd-bubble-count,
#wpd-bubble-wrapper > div { 
    box-shadow: rgba(214, 80, 80, 0) 0 0 0 0!important;
    border: 1px solid rgba(214, 80, 80, 0.9) !important;
}

.page-last-modified-text, .page-last-modified-td {
    font-size: 70%!important;
    color: rgba(150,150,150,0.9);
}

/*Search*/
.search-field::placeholder { 
    font-weight: 100;
}

.widget_search { 
    margin-top: 85px;
    position: relative;
    top: 0;
    width: 100%!important;
}

.widget-sale { 
    font-size: 1.05em!important;
}

.search-field { 
    font-size: 1em;
    font-family: "Raleway", sans-serif!important;
    font-size: 14px!important;
    border-radius: 25px!important;
    width: 100%;
}

.search-field:hover { 
    border: 1px solid rgba(214,80,80,.4)!important;
}

.search-form label { 
     width: 100%; 
}

.search-field, .widget_recent_entries, .widget_recent_comments, .tagcloud { 
    clear: both;
    border: 1px solid #e5e5e5;
    border-radius: 0.05em;
}

/*OFF SALE DISCOUNT*/
/* wtext = SUPPORT MY WORK */
.wtext {
    font-size: 0.9em!important;
    line-height: 2em!important;
}

.widget-area, 
.widget-area a:hover {
    color:#d65050!important;
}

.widget-area .widget ul li:hover .widget a:hover {   
    border: 10px solid rgba(0,0,0,0); 
}

/*Canvas Art, Framed Art, Prints here:*/
.widg-art { 
    max-width: 100%;
    margin-top: -75px;
    font-style: italic;
}

.title-art { 
    font-weight: bold;
    padding: 0 17px 5px 17px;
    font-size: 0.9em!important;
}

.widg-bord, 
.widg-art-item, 
.widg-bord-map, 
.widg-bord-content { 
    border-radius: 0.05em;
    border: 1px solid rgba(212,212,212,.7);
    box-shadow: 0 0 20px rgba(80,80,80,0.05);
    padding: 3px 11px 5px 11px; 
}

.widg-bord { 
    padding: 15px 0 15px 15px; 
}

.open-modal {
  cursor: pointer;
}

.open-modal img {
  cursor: pointer;
}

.open-modal:hover {
  opacity: 0.9;
}

.search-field, .mycanvas, .tagcloud,
.widg-art-item, .widg-bord,  .widg-art, 
.widget_recent_comments, .widget_recent_entries, .widget_recent_comments { 
    background-color: #fdfdfd!important;
}

/*Recently added in Shop*/
.recentlyAdded { 
    margin-top: -45px;
}





/* ------------------------------------------------------------------------------------------------- */
/*--- ------------------------ F O O T E R ----------------------------------------------------------*/
/* ------------------------------------------------------------------------------------------------- */



.footer-widgets.widget-area .container  {
    position: relative;
    margin-top: -50px!important;
    background-color: transparent!important;
}

.offPay,
.offSale {
    position: relative;
    margin-top: -53px;
    font-family: "Raleway", sans-serif !important;
    color: #767676;
    font-style: italic; 
}

.offPay {
    margin-top: 0;
    margin-left: 25px;
    width: auto;
}

.paypo {
    font-size: 0.86em!important;
    line-height: 2em!important;
    border: 1px solid rgba(214,80,80,.4);
    box-shadow: 0 0 20px rgba(80,80,80,0.05);
    padding: 8px 20px 5px 25px!important; 
    background-color: rgba(0,0,0,.3);
}

.paypo:hover { 
    animation: trans 1s linear 1; 
    box-shadow: 0 0 20px rgba(214,80,80,0.15);
}

.wpedon_paypalbuttonimage {
    margin: 14px 0 4px 0!important;
} 
.wpedon_paypalbuttonimage {
  opacity: 0.85!important;
  background: transparent!important;
  transition: opacity .3s ease!important;
}


.wpedon_paypalbuttonimage:hover {
   opacity: 1!important;
}

#secondary {
  position: sticky;
  top: 20px;
  max-height: calc(100vh - 40px);
  overflow-y: auto;
}

.footer-widgets {
  background-color: rgba(0,0,0,.68)!important;
}

.footer-widgets .widget ul  {
  letter-spacing: 0.12em;
  transform: scaleX(1.24);
  color: #111;
  font-size: 0.8em;!important
  font-weight: 100;
  margin-left: 50px;
  background-color: rgba(0,0,0,.3);
}

.menu-item-17274,
.menu-item-17275,
.menu-item-17276,
.menu-item-17277,

.menu-item-17285,
.menu-item-17432,
.menu-item-17434,
.menu-item-17435,

.menu-item-17436,
.menu-item-17437,
.menu-item-17438,
.menu-item-17439,

.menu-item-17765,
.menu-item-17778,
.menu-item-17806,
.menu-item-18432,
.menu-item-18504,

.menu-item-18505,
.menu-item-18506,
.menu-item-18507,
.menu-item-18508,

.menu-item-18509 
                {
  margin-left: 17px;
}

.sidebar-column { 
    background-color: transparent!important;
}

.site-footer a  { 
    color: #aaa!important;
}

.site-info  { 
    font-size: 0.8em;
    color: #aaa!important;
    padding-left: 62px;
}

#colophon {
    background-color: rgba(0,0,0, 0.68);
} 










/* ----------------------------------------------------------------------------- */
/* --------------------------------- SERIES/ All Posts --------------------------------- */
/* ----------------------------------------------------------------------------- */

.post-navigation {
    display: none !important;
}

.allPosts, .recentlyAdded, .wigd-all  { 
    font-style: italic;
}

.recentlyAdded, 
.widg-adm, .widg-dontx,
.allPosts, .grid-container,  
.widget_cardoza_3d_tagcloud, .widget_recent_entries {
    position: relative;
}

.allPosts {
    text-transform: uppercase!important;
    margin-top: -55px;
    margin-left: 12px;
    font-weight: bold;
}

.widget-title {
    visibility: hidden;
}

.wpadm-title { 
    font-family: "Raleway", sans-serif!important;
    font-size: 14px!important;
}

.widg-title { 
    text-transform: uppercase;
    font-weight: bold;
}

.wpadm-title { 
    font-size: 0.8em!important;
}


  /*----------------   CANVAS, FRAMED ART  --------------*/
.widg-head  {
    padding-bottom: 15px;
    line-height: 1.2em!important;
}

.whead {
    font-size: 1.2!important;
    line-height: normal;
}

  /*----------------------   Title Recent Comments --------------*/

/*.widget-title {
    margin-top: -20px!important;
    line-height: 1.2em!important;
}*/

.widget-title {
    visibility: hidden;
}

/*.widg-heading { 
    color: #767676;
    font-size: 1.05em;
    line-height: 1.4;
    font-style: italic;
    font-weight: bold;
}*/

/*.nComments { 
    padding: 0 1em 2em 1em!important;
    margin-top: -80px!important;
}*/

.widg-comme { 
    color: #767676;
    font-size: 1.05em;
    line-height: 1.4;
    font-style: italic;
    font-weight: bold;
    padding: 0 1em 2em 1em!important;
    margin-top: -55px!important;
}

.widg-comme { 
    visibility: hidden;
}








/*------------------- SERIES /POSTS / RECENT COMMENTS -------------------------------*/

.widget_recent_entries { 
    margin-top: -50px;
}

.widget_recent_comments { 
    margin-top: -50px;
}

.widget_recent_entries ul li, 
.widget_recent_comments ul li {
    font-size: 0.90em;
    font-style: italic;
}

.widget_recent_entries ul, 
.widget_recent_comments ul {
    margin-top: -70px;
    margin-left: 15px;
}

.widget_recent_entries, 
.widget_recent_comments {
    height: 280px;
    overflow: hidden;
}

.widget_recent_entries-content,
.widget_recent_entries:hover,
.widget_recent_comments-content,
.widget_recent_comments:hover {
  overflow: auto;
  scrollbar-width: thin;          
  scrollbar-color: #d3d3d3 #eee; 
  scrollbar-gutter: stable;
}

.comments-area,
#comments,
.comment-respond {
    display: none !important;
}

.comments-title,
.comment-list,
.comment-navigation {
    display: none !important;
}

.tags-links {
    display: none !important;
}


/*------------------ Support my work and clicking below: -------------------------------*/
/*.widg-dontx { 
    margin-top: -25px;
}*/

.widg-img { 
    padding: 2px 0;
    width: 170px;
}

.widg-img.portrait {
    width: 150px !important;
}

.widg-img.landscape {
    width: 190px !important;
}

.widg-art-item, 
.widg-bord-map, 
.widg-bord-content { 
    text-align: center;
}

.widg-bord-map, .widg-bord-content { 
    margin-bottom: 11px;
}

.widg-bord:hover, 
.widg-bord-map:hover, 
.widg-art-item:hover, 
.widg-bord-content:hover { 
    animation: trans 1s linear 1; 
    border: 1px solid rgba(214,80,80,.4);
    box-shadow: 0 0 20px rgba(214,80,80,0.15);
}

.widg-bord-map, .widg-bord-content { 
    max-width: 220px;
    height: 78px; 
    float: left;
    display: block;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    margin-left: 12px;
    padding: 24px 18px 18px 18px; 
}

.widg-bord-map  { 

    height: 56px; 
    padding: 16px 14px 8px 14px; 
}

.widg-art-item { 
    font-size: 0.84em!important;
    height: 40px; 
    float: left;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    padding: 9px 10px 10px 10px; 
}

.widg-co { 
    margin-left: 8px;
    margin-bottom: 6px;
    width: 18px;
    height: 18px;
}

.wlink {
    font-size: 0.90em!important;
    line-height: normal;
}

.grid-container, .widg-adm { 
    background-color: #fff;
}

.widg-adm { 
    border: 1px solid #e5e5e5;
    overflow: hidden;
    padding: 0 5px;
}

.third { 
    width: 70%;
}

.hthird { 
    height: 50px;
}

.grid-container {
    display: grid;
    grid-template-rows: 42px 42px 42px 42px 42px 42px;
    grid-template-columns: [col] 15px [col] 15px [col] 15px [col] 15px [col] 15px [col] 15px [col] 15px
                           [col] 15px [col] 15px [col] 15px [col] 15px [col] 15px [col] 15px [col] 15px;
    grid-gap: 5px;
  }
  
.item-d { /*PHOTOCROWD*/
    grid-column-start: 1;
    grid-column-end: 8;
    grid-row-start: 1; 
    grid-row-end: 1;
  }
  
.item-z {/*PHOTO4ME*/
    grid-column-start: 8;
    grid-column-end: 14;
    grid-row-start: 1; 
    grid-row-end: 1;
  }
  
.item-n {/*FACEBOOK*/
    grid-column-start: 1;
    grid-column-end: 7;
    grid-row-start: 2;
    grid-row-end: 2;
  }
  
.item-k {/*INSTAGRAM*/
    grid-column-start: 7;
    grid-column-end: 14;
    grid-row-start: 2;
    grid-row-end: 2;
  }
  
.item-s {/*SHUTTERSTOCK*/
    grid-column-start: 1; 
    grid-column-end: 8;
    grid-row-start: 3;
    grid-row-end: 3;
  }
  
.item-r {/*Pixabay*/
    grid-column-start: 8;
    grid-column-end: 14;
    grid-row-start: 3;
    grid-row-end: 3;
  }
  
.item-h {/*Displate*/
    grid-column-start: 1; 
    grid-column-end: 7; 
    grid-row-start: 4; 
    grid-row-end: 4;
  }
  
.item-g {/*Fineartamerica*/
    grid-column-start: 7; 
    grid-column-end: 14; 
    grid-row-start: 4; 
    grid-row-end: 4;
  }
  
.item-i {/*Kunstnet*/
    grid-column-start: 1; 
    grid-column-end: 8; 
    grid-row-start: 5;
    grid-row-end: 5;
  }
  
.item-j {/*500px*/
    grid-column-start: 8; 
    grid-column-end: 14; 
    grid-row-start: 5;
    grid-row-end: 5;
  }
  
.item-f {/*YouPic*/
    grid-column-start: 1; 
    grid-column-end: 7; 
    grid-row-start: 6; 
    grid-row-end: 6;
  }  

.item-e {/*REDBUBBLE*/
    grid-column-start: 7; 
    grid-column-end: 14; 
    grid-row-start: 6; 
    grid-row-end: 6;
  }
  
.item-y {/*SAATCHI*/
    grid-column-start: 1; 
    grid-column-end: 8; 
    grid-row-start: 7; 
    grid-row-end: 7;
  } 
  
/*.item-m
    grid-column-start: 7; 
    grid-column-end: 14; 
    grid-row-start: 6; 
    grid-row-end: 6;
  }
  
  .item-u {
    grid-column-start: 8; 
    grid-column-end: 14; 
    grid-row-start: 7; 
    grid-row-end: 7;
  }
  
.item-a {
    grid-column-start: 7; 
    grid-column-end: 14; 
    grid-row-start: 8; 
    grid-row-end: 8;
  }*/
  
/*3d tagCloud*/
#myCanvasContainer {   
    border: 1px solid #e5e5e5;
    border-radius: 0.05em;
    overflow: hidden;
    height: 300px;
}

#myCanvas { 
    font-family: 'Raleway'!important;
    border: 0 solid rgba(0,0,0,0);
    font-size: 1.90em!important;
}

.widget_cardoza_3d_tagcloud { 
    margin-top: -40px;
}

.widget_nav_menu { 
    font-size: 0.90em!important;
}

.comment-author-link, .recentcomments { 
    color: gray!important;
}

.tag-cloud-link  { 
    font-size: 16px!important;
}

.secti { 
    text-align: left; 
    width: 100%;
    margin-left: 5px;
}

.second { 
    margin: 0;
    border: 0; 
    width: 180px; 
    height: 150px;
}

.frame-me {
    margin: 15px 24px; 
    border: 0; 
    width: 200px; 
    height: 185px;
} 

.size-full {
    width: 200px; 
    height: 185px;
} 

.nip-title  {
    margin: 0; 
    border: 0; 
    width: 1px; 
    height: 1px;
} 

.nip-title  {
    height: 90px;
}

.disp {
    display: inline-block;
} 

.edge {
    width: 200px !important; 
    height: 100% !important; 
    margin: 0 !important;
} 

.itop { 
    margin-top:-20px; 
    border: 0;
}

.gal-link {
    color: white;
}

.gal-link:hover {
    color: #d65050;
}

.page-id-6505 #custom_html-15, .page-id-6506 #custom_html-15, 
.page-id-6505 #search-3, .page-id-6506 #search-3, 
.page-id-6505 #custom_html-3, .page-id-6506 #custom_html-3,
.page-id-6505 #recent-posts-3, .page-id-6506 #recent-posts-3, 
.page-id-6505 #recent-comments-2, .page-id-6506 #recent-comments-2, 
.page-id-6505 #myCanvasContainer, .page-id-6506 #myCanvasContainer,
.page-id-6505 #custom_html-16, .page-id-6506 #custom_html-16,
.page-id-6505 #custom_html-18, .page-id-6506 #custom_html-18,
.page-id-6505 #custom_html-20, .page-id-6506 #custom_html-20,
.page-id-6505 #custom_html-21, .page-id-6506 #custom_html-21,
.page-id-6505 #custom_html-22, .page-id-6506 #custom_html-22,
.page-id-6505 #custom_html-23, .page-id-6506 #custom_html-23,
.page-id-6505 #custom_html-24, .page-id-6506 #custom_html-24 { 
    display: none;
}

nav.woocommerce-breadcrumb { 
    display: none;
}

#pwbox-461,
#pwbox-13936 { 
    padding: 4px 20px 5px!important;
    background-color: white!important;
}

#wpd-bubble-wrapper > div {
    width: 54px!important;
    height: 54px!important;
}

.color-element { 
    fill: rgba(73, 230, 112, 0.7)!important;
}

.color-element:hover { 
    fill: rgba(73, 230, 112, 0.95)!important;
}

.carousel-post, .list-post {
    width: 60px;
    height: 30px;
    background-color: white;
    background: center center no-repeat url("https://birjoveanu.de/wp-content/uploads/2021/02/carousel.png");
    background-size: 50% auto;
    margin-left: 5px;
} 

.list-post { 
    background: center center no-repeat url("https://birjoveanu.de/wp-content/uploads/2021/02/list.png");
    background-size: 50% auto;
    margin-left: 15px;
}

.carousel-post:hover, .list-post:hover {
    background-color: #d65050!important;
    background: center center no-repeat url("https://birjoveanu.de/wp-content/uploads/2021/02/carousel_over.png");
    background-size: 50% auto;
} 

.list-post:hover {
    background: center center no-repeat url("https://birjoveanu.de/wp-content/uploads/2021/02/list_over.png");
    background-size: 50% auto;
} 

.post-date, 
.post-link, 
.donate, 
.post-modified-info,
.pvc_stats { 
    font-size: 0.85em;
    color: #b3b3b3!important;
    white-space: nowrap;
}

.post-link  { 
    font-size: 0.7em;
}

.simbolo {
    display: none;
    color: rgba(0, 0, 0, 0) !important;
}


#wpforms-submit-115, 
#wpforms-submit-115:hover, 
a.wp-show-posts-read-more, 
a.wp-show-posts-read-more:visited, 
a.wp-show-posts-read-more:hover {
    padding: 6px 44px!important;
    background-color: rgb(214,80,80)!important;
    border-radius: 3px!important;
    border-color: rgb(214,80,80)!important;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    font-size: 0.9em!important;
    font-weight: 300!important;

}

a.wp-show-posts-read-more, 
a.wp-show-posts-read-more:visited {
    padding: 4px 24px!important;
    border: 1px solid #d65050!important;
    color: white!important;
    content:'Read more'!important; 
    height: 34px!important;
}

/*a.wp-show-posts-read-more:before {
    content:'Read more'!important; 
}*/

#wpforms-submit-115:hover, 
a.wp-show-posts-read-more:hover {
    background-color: white!important;
    color: rgb(214,80,80)!important;
}
a.wp-show-posts-read-more:hover {
    padding: 6px 24px!important;
    /*border: 1px solid #d65050!important;*/
}






/**/
/*--- ---------------------- 03 T I T L E -------------------------------------------------------------------------------------------*/
/**/

.cli_messagebar_head { 
    font-weight: 400;!important;
}
.cli-bar-popup, .cli-modal-content { 
    background-color: rgba(255, 255, 255, .9)!important; 
}
.cookielawinfo-column-1, .cookielawinfo-column-4 { 
    background-color: rgba(214, 80, 80, .9)!important; 
}

.cookielawinfo-row tr td th { 
    border: 1px solid #d65050!important; 
}

.myRange-a, .myRange-b, .myRange-d, .comment-title { 
    font-style: italic!important;
    font-family: "Raleway", sans-serif;
    font-weight: lighter;
    color: gray;
    font-size: 34px!important;
    text-transform: uppercase; 
    line-height: 300%;
    border-bottom: 1px solid rgba(160, 160, 160, .3); 
    display: inline!important;
}

.myRange-a.agb { 
    font-size: 28px!important;
}

.myRange-a, .myRange-b, .myRange-d, .comment-title { 
    border-bottom: 0; 
}

.myRange-b { 
    margin-top: 60px; 
}

.text-slider .maintitle, 
.text-slider .subtitle { 
    font-weight: lighter;
    font-family: "Raleway", sans-serif!important;
    font-style: italic;
    color: rgba(255, 255, 255, .8)!important;
}

.text-slider .maintitle { 
    font-size: 2.4em;
}

.text-slider .subtitle { 
    font-size: 1.2em;
}

.post-date, 
.post-link { 
    font-size: 1em;
    font-family: "Raleway", sans-serif!important;
    font-style: italic;
}

.entry-title {
    color: gray; 
    text-transform: uppercase;
    font-size: 1.2em!important;
    font-weight: 200!important; 
    font-style: italic;
}

.hentry .title-post {
    font-size: 0.85em!important;
}

.recentcomments .myRange-a { 
    font-size: 14px!important;
}

/*#recentcomments,
.widget_recent_comments { 
    visibility: hidden;
}*/

.comment-title, .comment-title .myRange-a { 
    font-size: 24px!important;
}
/* es geht um links aus bottom menu */









/**/
/*--- ---------------------- COOKIES -------------------------------------------------------------------------------------------*/
/**/

#cookie-law-info-bar { 
    background-color: rgba(255 255, 255, 0.8)!important;
}

#cookie_action_close_header, 
#cookie_action_close_header_reject, 
.cli_settings_button, 
#wt-cli-privacy-save-btn { 
    color: white!important;
    background-color: rgba(214, 80, 80, 0.9)!important;
    box-shadow: rgba(214, 80, 80, 0) 0 0 0 0!important;
    border: 1px solid rgba(214, 80, 80, 0.9) !important;
    border-radius: 2px!important;
    padding: 10px 20px!important;
}

#cookie_action_close_header:hover, 
#cookie_action_close_header_reject:hover, 
.cli_settings_button:hover, 
#wt-cli-privacy-save-btn:hover { 
    color: rgba(214, 80, 80, 1)!important;
    background-color: rgba(255, 255, 255, 0.9)!important;
} 

#cookie-law-info-again { 
    box-shadow: rgba(214, 80, 80, 0) 0 0 0 0!important;
    border: 1px solid rgba(214, 80, 80, 0.9) !important;
    border-radius: 2px!important;
    padding: 3px 20px !important;
    height: 30px!important;
    margin-bottom: 10px;
}

#cookie_action_close_header, 
#cookie_action_close_header_reject,
 .cli-plugin-button {
    padding: 7px 22px!important;
    height: 30px!important;
} 
  
div#cookie-notice {
    background-color: rgba(0,0,0,0.8)!important;
}

.cookie-notice-container {
    font-family: "Raleway", sans-serif!important;
    font-size: 1em;
    font-weight: 100!important;
    color: rgba(200,200,200,1)!important;
}

.cookieLink a {
    font-family: "Raleway", sans-serif!important;
    font-weight: 100!important;
    color: white!important;
}

.cookieLink a:hover {
    color: #d65050!important;
}


    
/**/
/*--- ---------------------- BUTTONS -------------------------------------------------------------------------------------------*/
/**/

.cookieButton {
    font-size: 0.9em!important;
    font-weight: 100!important;
    color: white!important;
    background-image: none!important;
    background-color: rgba(214,80,80,1)!important;
    border: 1px solid rgba(214,80,80,1)!important;
    padding: 4px 14px 5px 14px!important;
    border-radius: 3px!important;
    transition: all 0.4s!important;
}

.cookieButton:hover {
    color: #d65050!important;
    background-color: black!important;
}
 
#fa-angle-up:hover  { 
    background-color: transparent!important;
}

#wt-cli-privacy-save-btn { 
    content: "Einstellung akzeptieren und speichern"!important;
} 
  
  


.button-slider,
.go-top,
#cookie-law-info-again { 
    background-color: transparent!important;
    border-color: #d65050!important;
    color: #d65050!important;
    border: 1px solid!important;
}

.button-slider:hover,
.go-top:hover,
#cookie-law-info-again:hover { 
    background-color: #d65050!important;
    border-color: #d65050!important;
    color: #fff!important;
}

.go-top { 
    width: 30px;
    height: 30px;
    padding: 2px 0 9px 0!important;
    line-height: 19px;
}

.cli-plugin-button, .cli-plugin-main-, .cookie_action_close_header, .cli_action_button, .wt-cli-accept-btn,
.wt-cli-privacy-btn, .cli_setting_save_button, .wt-cli-privacy-accept-btn, .cli-btn,
.cli-nav-link, .cli-settings-mobile, .cli-privacy-readmore, .cli-necessary-caption, .cli-switch {
    font-size: 0.95em;
    font-style: italic!important; 
}

.nav-previous,
.nav-next {
  font-style: italic!important;
}

.nav-previous:hover,
.nav-next:hover {
  color: #d65050!important;
}

.btn-group {
    width: 100%;
    display: flex;
    justify-content: left;
    align-items: left;
    padding: 10px 0; /* Some padding */
    border: 0;
    position: relative;
}

.backButton.Left {
    background-color: rgba(0,0,0,0);
    border-right: 0!important;
}

.backButton a {
    padding: 5px 14px 4px 18px;
    background-color: rgba(214,80,80,1);
    color: white;
    font-weight: 300;
    font-family:'Raleway', sans-serif;
    border-radius: 0.15em;
    text-transform: lowercase;
    height: 40px;
    background: left center no-repeat url("https://birjoveanu.de/wp-content/uploads/2018/04/back_red.png");
}

.backButton a:hover {
    color: rgba(214,80,80,1);
    background-color: white; 
    background: left center no-repeat url("https://birjoveanu.de/wp-content/uploads/2018/04/back_white.png");
}

.goback, .gotop, .gonext, .goprev { 
    padding: 9px 20px 12px 20px;
    height: 50px;
    width: 50px;
    background: #d65050 center center no-repeat url("https://birjoveanu.de/wp-content/uploads/2018/04/back_red_center.png");
}

.gotop { 
    background: #d65050 center center no-repeat url("https://birjoveanu.de/wp-content/uploads/2018/08/top_red_center.png");
}

.gotop:hover { 
    background: white center center no-repeat url("https://birjoveanu.de/wp-content/uploads/2018/08/top_white_center.png");
}

.goback:hover, .gonext:hover, .goprev:hover { 
    background: white center center no-repeat url("https://birjoveanu.de/wp-content/uploads/2018/04/back_white_center.png");
}

.gonext, .goprev { 
    background: white center center no-repeat url("https://birjoveanu.de/wp-content/uploads/2018/04/back_white_center.png");
    opacity: 0.85;
    height: 28px;
    width: 28px;
    position: absolute;
    top: 50%;
    z-index: 10;
    padding: 0;
}

.gonext:hover, .goprev:hover { 
    background: #d65050 center center no-repeat url("https://birjoveanu.de/wp-content/uploads/2018/04/back_red_center.png");
    opacity: 1;
}

.gonext { 
    right: -15px!important;
    transform: translateY(-50%) rotate(180deg);
}

.goprev { 
    left: -15px!important;
    transform: translateY(-50%);
}

.goback { 
    padding: 9px!important;
    height: 30px!important;
    width: 30px!important;
}










/* ------------------------------------------------------------------------------------------------------------------------------ */
/*--- ----------------------  wp ADMIN -------------------------------------------------------------------------------------------*/
/* ------------------------------------------------------------------------------------------------------------------------------ */


.ntext {
   font-family: 'Raleway', italic;
   text-transform: none!important;
   font-weight: 100;
   padding: 0 15px!important;
   font-size: 0.6em;
   nav-previous
   margin: 1px!important;
} 

.redtext {
   color: rgb(214,80,80);
   font-size: 10pt;
}

button.lett-n { 
    margin: 5px 0 0 10px!important;
    padding: 0 8px!important;
    background-color: rgba(180,180,180,.7);
    position: relative;
    border: 1px solid rgba(200,200,200,.7);
    color: white!important;
    font-size: 0.60em;
}

button.lett-n:hover {
    background-color: transparent!important;
    border: 1px solid #d65050!important;
    color: #d65050!important;
}







/* ----------------------------------------------------------------------------------------------- */
/*--- ---------------------- M E N U S ------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------- */

.footer-room::before,
.footer-sitemap::before,
.footer-wpadmin::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 12px;
    margin-right: 5px;
    vertical-align: -2px;

    background-color: #fff;

    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M18 9h-1V7a5 5 0 0 0-10 0v2H6c-1.1 0-2 .9-2 2v9c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-9c0-1.1-.9-2-2-2ZM9 7a3 3 0 0 1 6 0v2H9V7Zm9 13H6v-9h12v9Z'/%3E%3C/svg%3E") center / contain no-repeat;

    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M18 9h-1V7a5 5 0 0 0-10 0v2H6c-1.1 0-2 .9-2 2v9c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-9c0-1.1-.9-2-2-2ZM9 7a3 3 0 0 1 6 0v2H9V7Zm9 13H6v-9h12v9Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.footer-room:hover::before,
.footer-sitemap:hover::before,
.footer-wpadmin:hover::before {
    background-color: #d65050;
}

.footer-top {
    padding-top: 10px!important;
}

.footer-bottom {
    padding-bottom: 10px!important;
}

.own, .own-s, .own-a, .lett-f, .own-m {
    text-transform: uppercase;
    font-style: italic;
}

.own-l {
    text-transform: lowercase;
}

.own-a {
    color: #47425d; 
}

.own-f, .own, .apost {
    font-size: 0.84em!important;
}

.own-m, .own-l {
    margin-bottom: 11px;
    font-size: 0.8em;
}

/*.own:hover, .own-b:hover, .own-a:hover, .own-d, .own-l:hover  {*/
.own:hover, .own-b:hover, .own-a:hover, .own-l:hover, .own-m:hover  {
    color:#d65050!important;
}

.own-b:hover {
    background-color: #f9f9f9;
}

a.own-b:link, a.own-b:visited  {
    color:gray!important;
    text-transform: none;
}

a.own-b:hover, a.own-b:active  {
    color:#d65050!important;
}

@keyframes trans {
    0% { transform:translate(0px);
        }
    20% { transform:translateY(3px);
        }
    40% { transform:translateX(-3px);
        }
    60% { transform:translateY(-3px);
        }
    80% { transform:translateX(3px);
        }
    100% { transform:translate(0px); 
        }    
}

.own-s { 
    list-style-type: none;
    display: inline;
    line-height: 3.35em;
}

.u_pic {   
    border: 1px solid #b5c5b5;
}

.u_port {   
    border-radius: 0;
}

.u_sign {   
    text-align: center;
    margin-top: 12px;
    padding: 15px;
}

#tags ul li a:hover  {   
    background-color: yellow;
    border: 10px solid rgba(0,0,0,0); 
}

#text { 
    font-family: "Raleway", sans-serif!important;
}



/**/
/* --------------- ALBUM PHOTO CREATIVE CAPTURED ------------------------------------------------------------------------------------- */
/**/ 



/*photography */   #cont11, #cont12, #cont13, #cont14, 
                   #cont15, #cont16, #cont17, #cont18,
                   #cont19,
/*---------------------------------------------------------*/                   
/*creative    */   #cont71, #cont72, #cont73, #cont74, 
                   #cont75, #cont76, #cont77, #cont78,
                   #cont79,
/*---------------------------------------------------------*/ 
/*portfolio  */    #cont30,
                   #cont31, #cont32, #cont33, #cont34, 
                   #cont35, #cont36, #cont37, #cont38,
/*---------------------------------------------------------*/ 
/*content portfolio */                   
                   #cont41, #cont42, #cont43, #cont44, 
                   #cont45, #cont46, #cont47, #cont48,
                   #cont51, #cont52, #cont53,  
                   #cont55, #cont56
                   {
    display: none;
}



.tabor {
	border-style: none !important;
}

.txtgrey {
	color: #767676;
}

.no-space {
	margin: 0;
	padding: 0;
}

.aigpl-img-caption{ 
    font-family: "Raleway", sans-serif!important;
}
.slick-dots {
    background: center center linear-gradient( 90deg, white 0%, #D8CFCF 25%, #D8CFCF 75%, white 100% );
    background-size: 74% 20%;
    background-repeat: no-repeat;
}
.aigpl-gallery-slider .slick-dots li.slick-active button, 
.aigpl-gallery-slider .slick-dots li button { 
    background-color: #d65050 !important;
    border-radius: 2px!important;
    height: 11px!important;
    width: 14px!important;
    border: 1px solid lightgray!important;
}
.aigpl-gallery-slider .slick-dots li.slick-active button { 
    border: 1px solid #d65050!important;
}
.aigpl-gallery-slider .slick-dots li button { 
    background-color: #cccccc!important;
    border-radius: 3px!important;
}





/**/
/*  ------------------- LINKS EDIT P O S T S ---------------------------------------------------------------- */
/**/	
.wp-show-posts-entry-title { 
    font-size: 25px!important;
    font-weight: lighter;
}
.page-id-7170 .wp-show-posts-entry-title a, 
.page-id-7170 .wp-show-posts-entry-title a:visited { 
    color: #767676!important; 
}

input#wp-comment-cookies-consent { 
    width: 30px;
}
.post-modified-info { 
    font-family: "Raleway", sans-serif!important;
}
.post-modified-info, .edit-link {
  display: flex; 
  justify-content: center!important; 
  align-items: center!important;
}







/**/
/*  -------------- SHOP  WOOCOMMERCE --------------------------------------------------------- */
/**/
.page-id-6505 th {
    padding-left: 5px!important;
}

.page-id-7170 hr{ 
    border: 10px solid green; 
}

.page-id-7170 hr{ 
    border: 10px solid green; 
}

.onBorder {
    border-bottom: 1px solid rgba(160, 160, 160, 0.3); 
    margin-bottom: 50px;
}

.wpforms-submit a:hover {
    background-color: #d65050!important;
}

.page-id-6506 button, .page-id-6505 button, .product_type_simple, .add_to_cart_button, 
.description_tab.active, .reviews_tab.active, .wpforms-submit, 
.additional_information_tab.active, .wc-forward, .submit, 
.return-to-shop, .onsale {
    font-family: "Raleway", sans-serif!important;
    font-size: 13px!important;
    line-height: 24px!important;
    font-weight: 700!important;
    padding: 12px 34px!important;
    color: #fff!important;
    border-radius: 3px!important;
    -webkit-transition: all 0.3s!important;
    -moz-transition: all 0.3s!important;
    -ms-transition: all 0.3s!important;
    -o-transition: all 0.3s!important;
    transition: all 0.3s!important;
}

.product_type_simple, .add_to_cart_button {
    width: 96%!important;
    white-space: normal!important;
}

.amount, .additional_information_tab, .additional_information_tab.active, a, 
 button, .backButton, .cart_totals, .comment-form-rating, .comment-form-comment,
.description_tab, .description_tab.active, 
.form-submit, .input-text, input, label, .order-total, .onsale,
.product-name, .product-remove, .product-price, .product-thumbnail, .product-subtotal, .price, p, 
.reviews_tab.active, .return-to-shop, .submit, span, textarea, .tab-title-description,
.wc-forward, .woocommerce, .woocommerce-breadcrumb, .woocommerce-cart-form__cart-item,
.woocommerce-product-details__short-description, .woocommerce-ordering, .woocommerce-Price-amount, 
.woocommerce-result-count, .woocommerce-shipping-totals.shipping, .wp-caption-text, 
.cli-privacy-overview, .cli-privacy-content-text, .cli-slider, .cookielawinfo-column-empty,
.cookielawinfo-column-1, .cookielawinfo-column-4 { 
    font-family: "Raleway", sans-serif!important;
}

.page-id-6506 button, .page-id-6505 button, .reviews_tab, .description_tab.active, .description_tab, 
.additional_information_tab, .additional_information_tab.active,
.wc-forward, .submit, .return-to-shop { 
    font-size: 13px!important;
    padding: 12px 34px 12px!important;
}

#submit:hover { 
    color: rgb(214,80,80)!important;
}

.page-id-6506 button.goback, .page-id-6505 button.goback {
    padding: 9px 20px 12px 20px!important;
}

.site-main {
    margin-left: 24px!important; 
    width: 95%;
}

.archive-title, .title-post, .product_title { 
    font-style: italic!important;
    text-transform: uppercase; 
    line-height: 140%;
    border-bottom: 1px solid rgba(160, 160, 160, 0.3); 
    font-size: 36px!important;
    font-weight: lighter;
    color: gray;
}

.product_title { 
    border-bottom: 0px solid rgba(160, 160, 160, .3);
}

.archive-title, .title-post, .product_title, .myRange-a, .myRange-b, .myRange-d, .comment-title { 
    animation: zoom 4s linear 1; 
}

@keyframes zoom {
    30% { 
    color: white; 
    text-shadow: 0 -1px #999999, 1px 0 #999999, 0 1px #999999, -1px 0 #999999; 
    }
    60% { 
    color: white; 
    text-shadow: 0 -1px #999999, 1px 0 #999999, 0 1px #999999, -1px 0 #999999; 
    }
}

.wc-gzd-additional-info { 
    font-size: 1em!important;
}

.small-business-info, .stock.out-of-stock, .delivery-time-info, .shipping-costs-info, .product_meta { 
    font-size: 0.9em!important;
}

.allpg { 
    font-size: 0.85em!important;
}

.wc-bacs-bank-details-heading, .woocommerce-order-details__title, .woocommerce-column__title { 
    font-size: 1.5em!important;
    font-weight: 200;
}

.product-remove a, .remove a { 
    border: 1px solid rgb(255,0,0)!important;
    width: 40px!important;
    height: 40px!important;
    padding: 5px 0!important;
    opacity: 0.4!important;
}

.product-remove a:hover, .remove a:hover { 
    background-color: rgba(214,80,80,1)!important;
    border: 1px solid rgb(214,80,80)!important;
    border-radius: 40px!important;
    opacity: 0.9!important;
}

.button.wc-backward  { 
    padding: 12px 30px!important;
}

input#legal.woocommerce-form__input.woocommerce-form__input-checkbox.input-checkbox { 
    margin-top: -20px!important;
}

.woocommerce-error { 
    border-top-color: #dedede!important;
}

.page-id-6511 table, .page-id-6511 th, .page-id-6511 td { 
    border: 1px solid rgba(160,160,160,0.3)!important;
}

/*without card
.page-id-6505.woocommerce-cart table.cart img { */
.page-id-6505.woocommerce-cart .cart img { 
    width: 300px!important;
}

.page-id-6505 th.product-remove::before { 
    content: 'Remove product'; 
}

.page-id-6505 th.product-thumbnail::before { 
    content: 'Thumbnail'; 
}

.page-id-6505 div.coupon button.button { 
    white-space: normal!important;
}

.onsale { 
    padding: 12px 20px!important;
    background-color: rgba( 214, 80, 80, 0.95)!important;
    z-index: 9999!important;
    font-size: 16px!important;
}

.woocommerce-Price-amount.amount  { 
    color: rgb(214,80,80)!important;
}

.update_cart { 
    color: rgb(214,80,80)!important;
}

.flex-control-nav img { 
    border: 1px lightgray solid!important;
}

.flex-control-nav img:hover, img.flex-active { 
    border: 2px rgb(214,80,80) solid!important;
    z-index: -1!important;
}

.woocommerce-loop-product__title:hover { 
    color: rgb(214,80,80)!important;
}

.reply { 
    border-radius: 4px!important;
    border: 1px solid rgb(214,80,80)!important;
}

.reply:hover { 
    border-radius: 4px!important;
    border: 1px solid rgb(214,80,80)!important;
}

.comment-reply-link { 
    border: 0!important;
}

.comment-reply-link:hover { 
    color: rgb(214,80,80)!important;
    background-color: white!important;
}

.woocommerce-form__label-for-checkbox { 
    font-weight: lighter!important;
}

.type-product  { 
    margin-top: 70px!important;
}