/*
Theme Name: Julia Translations
Theme URI: https://juliatranslations.com
Author: WEB ART LTD - Bulgaria
Author URI: https://webart.bg
Description: Преводи, легализация, съдействие за работа и образование в чужбина, зелена карта САЩ
Version: 1.0
Text Domain: webart
*/

* { min-height: 0; min-width: 0; }
*, *::before, *::after { box-sizing: border-box; }
@media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth; } }
@media (prefers-reduced-motion: reduce) { .form-control { transition: none; } .form-select { transition: none; } }
html { scroll-behavior: smooth; }
body { margin:0; padding:0; background:#bacdd9; font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height: 1.3;  }

a { color:#0860b8; text-decoration:underline; }
a:hover { text-decoration:none; }
a img { border:none; outline:none; }
img {  border:none; outline:none; margin:0; padding:0; max-width:100%;  }
div { display:block; }
p { margin-top: 0; margin-bottom: 12px;  }

h1, h2, h3, h4, h5, h6 { margin:0 0 15px 0; padding:0; font-size:20px; }
.h1 { font-size: 20px; }

.page-content h1 { font-size: 20px; }
.page-content h2 { font-size: 19px; }
.page-content h3 { font-size: 19px; }
.page-content h4,
.page-content h5,
.page-content h6 { font-size: 18px; }

.clear,
.clearfix { visibility:hidden; display:block; font-size:0; content:''; clear:both; height:0;  }
.block { display:block; }

.all { display: block; width: 100%; max-width:984px; margin:auto; background:#d6e1e8; padding:0px 10px 10px 10px; 
border-left:3px solid #a6bfce;
border-bottom:3px solid #a6bfce;
border-right:3px solid #a6bfce;
-webkit-border-bottom-right-radius: 12px;
-webkit-border-bottom-left-radius: 12px;
-moz-border-radius-bottomright: 12px;
-moz-border-radius-bottomleft: 12px;
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px;
}

.page-heading { margin-bottom: 15px; }
.page-heading .heading { margin: 0; }


.google-map {}
.google-map iframe { display: block; width: 100%; height: 450px; border: none; outline: none;  }


.btn { display: inline-block; padding: 8px 12px; text-decoration: none;  }
.btn-primary { background-color: #1D4181; color: #fff; }

.footer { background:#a7bfcd; font-size:12px; color:#000; padding:10px 12px; border-radius: 8px; }
.footer-inner { display: flex; justify-content: space-between; }
.footer-inner .copyright {}
.footer-inner .webart-wrapper {    }
.footer-inner a.webart { font-size: 11px; opacity: 0.2; text-decoration: none; color: inherit; transition:opacity 0.5s; }
.footer-inner a.webart u { text-decoration: none; }
.footer-inner a.webart:hover { text-decoration: none; opacity: 0.777; }
.footer-inner a.webart:hover u { text-decoration: underline; color: #1D4181;   }

.top-image { position:relative; display: block; color: white;  }
.top-slogan { position:absolute; top:10px; right:20px; }
.top-slogan em {color: #9ABEDB; font-size: 24px; font-style: italic; font-weight: bold; text-decoration: none; }

.main-menu { 
	margin: 0; padding: 0; list-style: none none; list-style-position: inside; 
	display: flex; align-items: center; gap: 0 4px; 

	padding:14px 8px 0 8px;
	background-image: linear-gradient(bottom, rgb(140,203,240) 19%, rgb(12,61,90) 100%);
	background-image: -o-linear-gradient(bottom, rgb(140,203,240) 19%, rgb(12,61,90) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(140,203,240) 19%, rgb(12,61,90) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(140,203,240) 19%, rgb(12,61,90) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(140,203,240) 19%, rgb(12,61,90) 100%);
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.19, rgb(140,203,240)), color-stop(1, rgb(12,61,90)) );
}
.main-menu > li.menu-item {}
.main-menu > li.menu-item > a { 
	display:inline-block; color:#FFF; text-decoration:none; padding:6px 20px 6px 20px; font-size:14px;   
	border-bottom:1px solid #197fbb;  /* BOTTOM */
	border-left:1px solid #316287; 
	border-top:1px solid #316287; 
	border-right:1px solid #316287; 
	background-image: linear-gradient(bottom, rgb(25,128,187) 51%, rgb(66,170,230) 100%);
	background-image: -o-linear-gradient(bottom, rgb(25,128,187) 51%, rgb(66,170,230) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(25,128,187) 51%, rgb(66,170,230) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(25,128,187) 51%, rgb(66,170,230) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(25,128,187) 51%, rgb(66,170,230) 100%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.51, rgb(25,128,187)),
		color-stop(1, rgb(66,170,230))
	);

	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.main-menu > li.menu-item > a:hover,
.main-menu > li.current-menu-item > a { color:#000; border-bottom:1px solid #d6e1e8;
	background-image: linear-gradient(bottom, rgb(214,225,232) 41%, rgb(176,198,212) 100%);
	background-image: -o-linear-gradient(bottom, rgb(214,225,232) 41%, rgb(176,198,212) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(214,225,232) 41%, rgb(176,198,212) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(214,225,232) 41%, rgb(176,198,212) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(214,225,232) 41%, rgb(176,198,212) 100%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.41, rgb(214,225,232)), color-stop(1, rgb(176,198,212)) );
 }

.web-left { float:left; width:236px;  }
.web-right { float:right; width:732px; }

.page-content-wrapper,
.card-container { 
	border:1px solid #a2b4be; background:#e8eef3; padding:16px; 
	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
}



.language-switcher { text-align:right; margin-bottom:12px;  }
.language-switcher .link { margin-left: 4px; }
.language-switcher .fi { width:1.8em;line-height:1.2em; }

.webart-post-edit-link { display: inline-block; position: fixed; left: 15px; bottom: 15px; z-index: 10;  }
.webart-post-edit-link .post-edit-link { border-radius: 3px; font-weight: bold; text-decoration: none; display: inline-block; padding: 6px 10px; background-color: #c81515; color: white; }


.layout-static { display: flex; align-items: stretch; padding-bottom: 20px; }
.layout-static #main { order: 3; flex-grow: 1;  }
.layout-static .sidebar-spacer { order: 2; flex-shrink: 0; width: 20px; }
.layout-static #sidebar { order: 1; flex-shrink: 0; width: 240px; font-size: 14px; }
.layout-static #sidebar .is_sticky { position: sticky; top: 60px; }

.header-mobile-wrapper {  
	display: none; padding: 0px 12px; position: fixed; top: 8px; z-index: 10; width: 100%;
}
.header-mobile { 
	display: flex; align-items: center; justify-content: space-between; gap: 0 15px;  
	border: 2px solid #a2b4be; background-color: #fff; padding: 16px; border-radius: 6px;
	padding: 6px 6px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.45);
	
}
.header-mobile .mobile-logo {}
.header-mobile .mobile-burger {}

.logo-julia { 
	display: inline-block; line-height: 1.18; color: inherit; text-decoration: none;  
	border-left: 5px solid #1D4181; padding-left: 6px;
}
.logo-julia strong { display: block; font-size: 22px;  }
.logo-julia small { display: block; text-transform: uppercase; font-size: 11px;  }

/* ╔══════════════════════════════════════════════════════════════════════════════════════════════════════╗ */
/* ║ ####################################   DEVELOPMENT BREAKPOINTS   ##################################  ║ */
/* ╚══════════════════════════════════════════════════════════════════════════════════════════════════════╝ */

/* 4XL */ 
@media (max-width: 1919.98px) { 

} /* @media ---| width < 1920px |--- */

/* 3XL */ 
@media (max-width: 1599.98px) { 


} /* @media ---| width < 1600px |--- */

/* 2XL */ @media (max-width: 1439.98px) { 


} /* @media ---| width < 1440px |--- */

/* XL */ @media (max-width: 1365.98px) {



} /* @media ---| width < 1366px |--- */

/* LG */ 
@media (max-width: 1279.98px) {

   

} /* @media ---| width < 1200px |--- */

/* MD */ @media (max-width: 991.98px) {

	 .layout-static #sidebar { width: 230px; }


} /* @media ---| width < 992px |--- */

/* SM */ @media (max-width: 767.98px) {

	.all { padding-top: 60px; }
	.page-content h1,
	.page-content h2, 
	.page-content h3, 
	.page-content h4, 
	.page-content h5, 
	.page-content h6 { font-size: 19px; }

	.header-mobile-wrapper { display: block; }
	.top-slogan,
	.site-menu { display: none; }


	.layout-static { flex-wrap: wrap; }
    .layout-static #main { order: 1; width: 100%;  display: block; margin-bottom: 20px; }
    .layout-static .layout-spacer { order: 2; width: 100%; height: 15px; }
    .layout-static #sidebar { order: 3; width: 100%; }

	.footer-inner { flex-wrap: wrap; text-align: center;  }
	.footer-inner .copyright { width: 100%; margin-bottom: 5px; }
	.footer-inner .webart-wrapper { width: 100%;  }

	.google-map iframe { height: 360px; }
	

     
} /* @media ---| width < 768px |--- */

/* XS */ 
@media (max-width: 575.98px) and (orientation:landscape) {}
@media (max-width: 575.98px) {


} /* @media ---| width < 576px |--- */

@media screen and (min-width: 320px) and (max-width: 767.98px) and (orientation: landscape) { }

/* XXS */ @media (max-width: 319.98px) and (orientation:landscape) {}
@media (max-width: 319.98px) {


} /* @media ---| width < 320px |--- */

/* ---| END |--- */
/* ¡ NO STYLES BELOW THIS LINE PLEASE ! */