/*
Theme Name: GeneratePress Child
Theme URL: https://generatepress.com/
Description: GeneratePress Child Theme
Author: Olivian Breda
Author URL: https://olivian.ro/ (Blogul Olivian RO)
Template: generatepress
Version: 0.0.9
Text Domain: generatepress-child
*/


/* GDPR ICONS */
.butoane-culori-speciale {
	background-image: -moz-linear-gradient(top,#444,#222) !important;
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#444),to(#222)) !important;
	background-image: -webkit-linear-gradient(top,#444,#222) !important;
	background-image: -o-linear-gradient(top,#444,#222) !important;
	background-image: linear-gradient(to bottom,#444,#222) !important;
	background-color: #EFEFEF !important;
	text-shadow: 0 -1px 0 rgba(0,0,0,1) !important;
	border-width: 0px !important;
}

a.butoane-culori-speciale:hover {
    background-position: 0 !important;
	background-image: -moz-linear-gradient(top,#222,#000) !important;
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#222),to(#000)) !important;
	background-image: -webkit-linear-gradient(top,#222,#000) !important;
	background-image: -o-linear-gradient(top,#222,#000) !important;
	background-image: linear-gradient(to bottom,#222,#000) !important;
	background-color: #EFEFEF !important;
    transition: background-position 0s linear !important;
	color: #FEFFEF !important;
}

.cookie-notice-container, .cookie-notice-container .cn-button { 
	font-family: Georgia, Times New Roman, Times, serif;
}

body #cookie-notice {
    font-size: 16px;
}

body .cn-button.wp-default, body .cn-button.bootstrap {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 16px;
}

/* Dimensiune meniu sus */

html body .main-navigation a {
    font-size: 17px;
}



/* Fonturi standard */
html body, html button, html input, html select, html textarea {
    font-family: Georgia, Times New Roman, Times, serif;
}

/* FR */
.cat-item-5142 {
	display: none;
}

/* culoare meniu ca logo */

@media screen and (max-width: 780px) {
	.main-navigation, .main-navigation ul ul {
	    background-color: #5E5E5E !important;
	}
}

/* bullet points pe mobil */

@media screen and (max-width: 700px) {
	ol, ul {
		margin: 0 0 3em 2em;
	}
	li > ol, li > ul {    
		margin-left: 1.2em;
	}
}

@media screen and (max-width: 400px) {
	html ol, html ul {
		margin: 0 0 3em 1em;
	}
	html li > ol, html li > ul {    
		margin-left: 1em;
	}
}

/* Dimensiune font site */

html body {
	font-size: 21px;
}

html h2 {
	font-size: 35px;
}

html h3 {
	font-size: 28px;
}

/* Linkuri deja vizitate */

html body a:not(img, :has(img)):focus, html body a:not(img, :has(img)):active {	
	/* text-decoration: underline dotted #272727 !important; */
	outline: 3px dashed #1e73be !important;
	outline-offset: 4px;
	text-decoration: none !important;
	border-bottom: 0px !important;
	border-radius: 10px;
    /* border-bottom: 2px dotted #1e73be !important; */
}    




/* Mutare linkuri la click pe ele */
/* 1. The Normal State (Where the transition goes) */
html body a:not(.button-wa, img, :has(img)) {
    position: relative; /* Define this here so it has a baseline */
    top: 0;
    left: 0;
    /* Animate top, left, and background-color over 0.1 seconds */
    transition: top 0.1s ease-in-out, left 0.1s ease-in-out, background-color 0.1s ease-in-out; 
}

/* 2. The Active State (What changes on click) */
html body a:not(.button-wa, img, :has(img)):active {	
    background-color: rgba(211, 211, 211, 0.3);	
    top: 2px;
    left: 2px;
}


a img:hover, a picture source:hover { 
  opacity: 0.914 !important; 
  outline: 3px dotted #272727 !important;
  outline-offset: 2px;
  border-radius: 10px;
}

.site-logo a img.header-image:hover { 
  opacity: 0.815 !important; 	
  outline: 1px dotted #272727 !important;
  outline-offset: 2px;
}

.site-logo {
  width: 180px;
}

@media screen and (min-width: 780px) {
	.site-logo {
		height: 195px;
	}
}

@media screen and (max-width: 779px) {
	html body .site-logo {
		height: auto;
	}
}



html .main-navigation.toggled .main-nav > ul {
  background-color: #5E5E5E;
}

/* La click pe logo, mutare logo */
/* Vezi că ai în functions.php editare JS  $("picture.header-image.is-logo-image").mousedown(function(){ */
/* E fix pentru clasa asta!!! */
.logo-important img { 
  margin-left: 1px !important;
  padding-right: -1px !important;
  padding-bottom: -1px !important;
  opacity: 0.814 !important; 
  margin-bottom: -1px !important;
}

/* La click pe logo, redimensionare header */
.inside-header-resize {
  padding-top: 21px !important;
  padding-bottom: 20px !important;
}


html body .inside-header {
  padding: 20px;
}

.padding-social-icons {
	padding: 2px;
}

/* Social Icons */

.padding-social-icons {
		width: 40px;
		height: 40px;
	}

html body #custom_html-6 .alignleft {
  margin-right: 0;
}

#custom_html-6 picture { /* Social Icons */
	float: left;
}

/* Lazy Loading - Image Spinner A3 Lazy Load */
body .lazy-hidden, body .entry img.lazy-hidden, body img.thumbnail.lazy-hidden {
    opacity: 1;	
	background-color: transparent;
}

/* mutare imagine la click */
a img {
  transition: transform 0.05s ease-in-out;
}

a:active img {
  transform: translate(2px, 2px);
}


/* Buton WhatsApp + FB */ 
#social-share-button, #copiaza-URL { /* FB Button */
	margin-left: 5px;
	margin-bottom: 15px;
	font-size: 15px;
	padding: 4px 5px 4px 5px;
}


.button-traducere {
	display: inline-block;
}

html body .button-traducere {
	margin-bottom: 0px;
}

@media screen and (min-width: 781px) {
	html body .button-traducere-special-padding {
		padding: 5px 10px;
	}
}

.button-wa {
	display: inline-block;
}

.button-wa, .button-traducere {	
	margin-left: 5px;
	margin-bottom: 15px;
	 -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    text-decoration: none;
    color: initial;
	color: #fff;
	background-color: #666;
	border: 1px solid transparent;
	background: #666;
    background-color: rgb(102, 102, 102);
	cursor: pointer;
	-webkit-appearance: button;
	line-height: 1.5;
	padding: 4px 5px 4px 5px;
	font-size: 15px;
}

@media screen and (min-width: 781px) {
	.button-wa, .button-traducere {
		padding: 10px 20px;				
		font-size: 16px;
		white-space:nowrap;
	}
	
	@-moz-document url-prefix() {
			html .button-wa, html .button-traducere { 
				padding: 10px 20px;
			}
		}
	
	#social-share-button, #copiaza-URL {
		font-size: 16px;
		padding: 10px 20px;
	}
}

.button-wa:hover, .button-traducere:hover {
	color: #fff;
	background-color: #444;
}

#social-share-button:active, #social-share-button:focus, #social-share-button:visited, #copiaza-URL:active, #copiaza-URL:focus, #copiaza-URL:visited, .button-wa:active, .button-wa:focus, .button-wa:visited, .button-traducere:active, .button-traducere:focus, .button-traducere:visited {
	color: #fff;
	text-decoration: underline;
}

/* Footer logos */
.special-class-footer-images, .special-class-footer-images img  {
	width: 253px !important;
	height: auto !important;
}

html body .entry-content a {
	text-decoration: underline;
}

html body .entry-content a.read-more,
html body .entry-content a.button-wa
 {
	text-decoration: none;
}


/* De ascuns Google Translate text pe mobil; doar textul, nu și butonul */
@media screen and (max-width: 920px) {
	.de-ascuns-pe-mobil {
		display: none;
	}
}


/* Schimbare culori */
html body .main-navigation, html body .main-navigation ul ul {
    background-color: #666;
}

html body .main-navigation .main-nav ul li[class*="current-menu-"] > a {
  background-color: #444;
}

html body .main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a, html body .main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a, html body .main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a, html body .main-navigation .menu-bar-item:hover > a, html body .main-navigation .menu-bar-item.sfHover > a {
  background-color: #444;
}

html body {
  color: #444;
}


html button:hover, html body input[type="button"]:hover, html input[type="reset"]:hover, html input[type="submit"]:hover, html a.button:hover, html button:focus, html body input[type="button"]:focus, html input[type="reset"]:focus, html input[type="submit"]:focus, html a.button:focus, html a.wp-block-button__link:not(.has-background):active, html a.wp-block-button__link:not(.has-background):focus,html a.wp-block-button__link:not(.has-background):hover {
  background-color: #444;
}

html a:hover, html a:focus, html a:active {
  color: #222;
}




/* CSS dedicat mobil */
@media screen and (max-width: 780px) {	
	html .separate-containers .inside-article, html separate-containers .comments-area, html .separate-containers .page-header, html .separate-containers .paging-navigation, html .one-container .site-content, html .inside-page-header {
	  padding: 25px;
	}
	
	html h3 {
	  font-size: 23px;
	}
	
	html h2 {
	  font-size: 25px;
	}
	
	html h1 {
	  font-size: 29px;
	}
	
	html body, html button, html input, html select, html textarea {
	  font-size: 19px;
	}
	
	body {
		line-height: 1.55;
	}
	
	p {
	  margin-bottom: 0.6em;
	}
	
	html .entry-meta, html .entry-meta2 {
	  font-size: 16px;
	}
	
	html .button, html .wp-block-button .wp-block-button__link {
	  padding: 5px 20px;
	  display: inline-block;
	}	
	
	html body .button-traducere-special-padding {
		padding: 3px 10px;
	}

	.button-wa, .button-traducere {
		padding: 4px 10px;				
		font-size: 15px;
		white-space:nowrap;
	}	
	
	button, html input[type="button"], input[type="reset"], input[type="submit"] {
	  padding: 3px 10px;
	}	
	
	html body ol, html body ul {
	  margin: 0 0 1em 1em;
	}
	
	.widget-title {
	  margin-bottom: 13px;
	  font-size: 18px;
	}	
}

ul li, ol li {
	margin-bottom: 0.3em;
}

.entry-meta2 {
	font-size: 80%;
}



/* Center the pagination nav links */
.paging-navigation .nav-links {
    display: flex;
    align-items: left;
    justify-content: left;
    position: relative;
}


/* Add padding to prev and next links */
.paging-navigation .nav-links .prev,
.paging-navigation .nav-links .next {
    padding: 7px 13px;
}

html body .paging-navigation .nav-links > * {
  padding: 7px;
  line-height: 21px;
}


html body .paging-navigation .nav-links {
  line-height: 21px;
}


/* Style nav links */
.paging-navigation .nav-links a.page-numbers,
.paging-navigation .nav-links .current {
    line-height: 21px;
    min-width: 36px;
    margin: 0 4px;
    text-align: center;
    border-radius: 4px;
    text-decoration: none;
    color: #000;
    border: 1px solid #ccc;
}

/* Mobile - Add padding to prev and next links */
/* Mobile - Style nav links */
/* Mobile - margini ecran */
@media screen and (min-width: 301px) and (max-width: 800px) {	

	html body .paging-navigation .nav-links .next.page-numbers, 
	html body .paging-navigation .nav-links .prev.page-numbers {
		font-size: 0 !important;
	}
	html body .paging-navigation .nav-links .next.page-numbers:after, 
	html body .paging-navigation .nav-links .prev.page-numbers:after {
		font-size: 18px !important;
	}
	.next.page-numbers:after {
	  content: '→';
	}

	.prev.page-numbers:after {
	  content: '←';
	}
}

@media screen and (min-width: 001px) and (max-width: 301px) {	
	html body .paging-navigation .nav-links .next.page-numbers, 
	html body .paging-navigation .nav-links .prev.page-numbers {
		font-size: 0 !important;
	}
	html body .paging-navigation .nav-links .next.page-numbers:after, 
	html body .paging-navigation .nav-links .prev.page-numbers:after {
		font-size: 13px !important;
	}
	.next.page-numbers:after {
	  content: '→';
	}

	.prev.page-numbers:after {
	  content: '←';
	}
}

@media screen and (min-width: 501px) and (max-width: 800px) {	
	html body.separate-containers .inside-article, 
	html body.separate-containers .page-header {
	  padding: 30px;
	}
	
	html body .paging-navigation .nav-links a.prev,
	html body .paging-navigation .nav-links a.next {
		padding: 0 7px !important;
	}
	html body .paging-navigation .nav-links a.page-numbers,
	html body .paging-navigation .nav-links .current {
		padding: 2px 7px !important;
		font-size: 18px;
		min-width: 13px;
	}
	html body.separate-containers .paging-navigation {
		padding: 20px;
	}
}

@media screen and (min-width: 401px) and (max-width: 500px) {
	html body.separate-containers .inside-article, 
	html body.separate-containers .page-header {
	  padding: 20px;
	}	
	
	html body .paging-navigation .nav-links a.prev,
	html body .paging-navigation .nav-links a.next {
		padding: 0 3px !important;
	}
	html body .paging-navigation .nav-links a.page-numbers,
	html body .paging-navigation .nav-links .current {
		padding: 4px 2px !important;
		font-size: 14px;
		min-width: 25px;
	}
	html body.separate-containers .paging-navigation {
		padding: 10px;
	}
}


@media screen and (min-width: 301px) and (max-width: 400px) {	
	html body.separate-containers .inside-article, 
	html body.separate-containers .page-header {
	  padding: 15px;
	}
	
	.paging-navigation .nav-links a.page-numbers, .paging-navigation .nav-links .current {
		margin: 0px 4px;
	}
	html body .paging-navigation .nav-links a.prev,
	html body .paging-navigation .nav-links a.next {
		padding: 3px 5px !important;
	}
	html body .paging-navigation .nav-links a.page-numbers,
	html body .paging-navigation .nav-links .current {
		padding: 3px 4px !important;
		font-size: 11px;
		min-width: 6px;
	}
	html body.separate-containers .paging-navigation {
		padding: 4px;
	}
}

/* Very tiny Mobile */
@media screen and (min-width: 001px) and (max-width: 300px) {	
	html body.separate-containers .inside-article, 
	html body.separate-containers .page-header {
	  padding: 8px;
	}
	
	.paging-navigation .nav-links a.page-numbers, .paging-navigation .nav-links .current {
		margin: 0px 3px;
	}
	
	html body .paging-navigation .nav-links a.prev,
	html body .paging-navigation .nav-links a.next {
		padding: 0 3px !important;
	}
	html body .paging-navigation .nav-links a.page-numbers,
	html body .paging-navigation .nav-links .current {
		padding: 0 2px !important;
		font-size: 9px;
		min-width: 6px;
	}
	html body.separate-containers .paging-navigation {
		padding: 2px;
	}
}

/* Very very tiny Mobile */
@media screen and (min-width: 001px) and (max-width: 265px) {	
	html body .paging-navigation .nav-links a.page-numbers, 
	html body .paging-navigation .nav-links .current {
		margin: 0px 1px;
	}
	html body .page-numbers.dots {
		padding-left: 1px !important;
		padding-right: 1px !important;
	}
}

/* Style Current link */
.paging-navigation .nav-links .current {
    background-color: #444444;
    color: #fff;
}

/* Style Nav link hover */
.paging-navigation .nav-links a.page-numbers:hover {
    border-color: #444444;
	background-color: #EFEFEF;
}

/* Fundal site */
html body .site-info {
	background-color: #666666;
}

html body .site-info a:hover, html body .site-info a:focus, html body .site-info a:active {
	color: #DCDCDC;
}

/* Meniul de sus, marginea de sub li */
html body #primary-menu ul li {
	margin-bottom: 0em;
}


/* Drop cap prima literă din articol */
.entry-content p:not(blockquote p):not(:last-child):not(:last-of-type):first-child:first-of-type:first-letter {
    line-height: 1;
    padding-top: 0px;
    padding-right: 10px;
    padding-left: 4px;
    float: left;
	initial-letter: 3.25;
}

@media screen and (min-width: 780px) {
	html body .entry-content p:not(blockquote p):not(:last-child):not(:last-of-type):first-child:first-of-type:first-letter {
		font-size: 125px;
	}
}

@media screen and (min-width: 501px) and (max-width: 779px) {
	html body .entry-content p:not(blockquote p):not(:last-child):not(:last-of-type):first-child:first-of-type:first-letter {
		font-size: 116px;
	}
}

@media screen and (min-width: 401px) and (max-width: 500px) {
	html body .entry-content p:not(blockquote p):not(:last-child):not(:last-of-type):first-child:first-of-type:first-letter {
		font-size: 65px;
	}
}


@media screen and (min-width: 301px) and (max-width: 400px) {
	html body .entry-content p:not(blockquote p):not(:last-child):not(:last-of-type):first-child:first-of-type:first-letter {
		font-size: 45px;
	}
}


@media screen and (max-width: 300px) {
	html body .entry-content p:not(blockquote p):not(:last-child):not(:last-of-type):first-child:first-of-type:first-letter {
		font-size: 35px;
	}
}


/* Bannere GDPR */
.just-on-homepage {
	display: none;
}

.just-on-homepage img {
	width: 250px;
}


body.home.blog:not(.paged) .just-on-homepage {
	display: inherit;
}

html body p.no-margin-bottom {
	margin-bottom: 0.5em;
}

/* Adresa de email via https://rouninmedia.github.io/protecting-your-email-address-via-svg-instead-of-js/ */
.svg-email-protection {
  width: 300px;
  height: 60px;
  vertical-align: middle;
}


/* Butoane GDPR */
html body .cc-compliance .cc-btn {
	font-weight: 400;
	font-family: Georgia, Times New Roman, Times, serif;
}

html body .cc-message {
	    font-family: Georgia, Times New Roman, Times, serif;
}

/* Bara cookies orizontala */
html body .cc-window.cc-floating {
  max-width: 58em;
}

/* Butoane rotunjite */
html body button, html body img, html body figure, html body article .inside-article, .button-traducere, .button-wa, html body input, input[type="email"], html body input[type="number"], html body input[type="password"], html body input[type="search"], html body input[type="tel"], html body input[type="text"], html body input[type="url"], html body select, html body textarea, html body .navigation-search input[type="search"], a.button, html body #nav-below, html body .paging-navigation .nav-links .current, html body .paging-navigation .nav-links a.page-numbers, html body div#primary-menu li a, html body#mobile-menu li a, html body .cc-theme-classic .cc-btn, html body .cc-floating.cc-theme-classic, html body .comments-area {
	border-radius: 10px;
}

/* Casete footer */
aside#text-20 {
	display: block;
}

/* Buton cookies */
button.cn-button {
	font-size: 17px;
}

/* Pagină site - header */
header.page-header {
	border-radius: 10px;
}

/* Cookie notice mai mic */
html body .cookie-notice-container {
	padding: 5px 30px;
}

html body button.cn-button {
	padding: 5px 10px;
}


/* Via chat GPT sugestie titluri */
h1,h2,h3{
  letter-spacing: 0.2px;
}