/* These styles are used in the backend editor AND in the Theme (frontend) */

/* CSS is provided by the theme itself, and modified by any custom css you add to the theme. */
/* But that CSS is not active when using the backend-editor, so here is a good place to put  */
/* any custom css which should be active in the frontend website and also applied to editor. */
/* The goal is to make the visual editor display as like the final frontend view as possible */
/* so do not forget to configure the TinyMCE styles dropdown with elements to match these.   */

/* Suggested general non-tag-specific visual styles (for all websites) */

.list		{ margin: 0.35rem 0; }
.stdtop     { margin-top: 0.65rem !important; }
.moretop    { margin-top: 0.8rem  !important; }
.lotstop    { margin-top: 1rem    !important; }
.hugetop    { margin-top: 1.3rem  !important; }
.stdbottom  { margin-bottom: 0.65rem !important; }
.morebottom { margin-bottom: 0.8rem  !important; }
.lotsbottom { margin-bottom: 1rem    !important; }
.hugebottom { margin-bottom: 1.3rem  !important; }

.topless    { margin-top: 0 !important; }
.bottomless { margin-bottom: 0 !important; }

.beforelist { margin-bottom: 0.3rem; }

.lastitempx { padding-bottom: 12px !important; }
.lastitemem { margin-bottom: 0; padding-bottom: 1.3rem; }

strong, .strong, .fett, .bold, .smallBold, .smallerBold { font-weight: bold; }

/* Revert to normal text within strong */
.notstrong { font-weight: normal; }

.smaller, .smallerBold { font-size: 0.95rem; line-height: 1.25; }

.small, .smallBold { font-size: 0.89rem; line-height: 1.2; }

/* Append your site-specific styles here */



.main-text, p { 
	color: #000000;
	margin: 0 0 1em 0;
	font-family: 'Verdana', sans-serif;
	font-size: 13px;
	line-height: 20px;
	font-weight: normal;
	/*text-align: justify;*/
	/*text-indent: 1.5em;*/
}

ul ul li:first-child, ol ul li:first-child {
	margin-top: 0.5em;
}

.subhead-1 { 
	display: block;
	margin-top: 1em;
	margin-bottom: 0.5em;
	color: #555555;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: bold;
	font-size: 20px; 
	line-height: 20px;
	text-indent: 0;
}

.subhead-2 { 
	display: block;
	margin-top: 1em;
	color: #555555;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: bold;
	font-size: 20px; 
	line-height: 20px;
	text-indent: 0;
}

.lead { 
	display: block;
	margin: 1em 0 0 0;
	font-family: 'Verdana', sans-serif;
	font-size: 13px;
	line-height: 20px;
	font-weight: bold;
	text-indent: 0;
}

.subscribe {
	color: #555555;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: bold;
	font-size: 16px;
	line-height: 18px;
	text-align: right;
	margin-bottom: 0;
}

.incut-text {
	color: #ffffff;
}

.incut-text a {
	color: #ffffff;
	text-decoration: underline;
}

.incut-text a:hover {
	color: #007FC8;
}

.incut-head {
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: bold;
	font-size: 20px;
	color: #eeeeee;
}

.incut-left {
	display: block;
	float: left;
	width: 210px;
	margin: 6px 20px 1em 0;
	padding: 15px 20px 4px 20px;
	background: #666666;
}

.incut-right {
	display: block;
	float: right;
	width: 210px;
	margin: 6px 0 1em 20px;
	padding: 15px 20px 4px 20px;
	background: #666666;
}

.incut-center {
	display: block;
	width: 460px;
	margin: 0 0 1em 0;
	padding: 15px 20px 5px 20px;
	background: #666666;
}

.incut-center ul li::before {
  content: "\2022";
  color: #fff;
  font-weight: normal;
  display: inline-block; 
  width: 1.2em;
  margin-left: -1.2em;
}

.interview-question {
	font-family: 'Verdana', sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
	margin: 0 0 1em 0;
}

.interview-answer {
	display: block;
	color: #555;
	font-family: 'Verdana', sans-serif;
	font-size: 13px;
	margin: 0 0 1em 1em;
}

.interview-respondent {
	display: block;
	font-style: italic;	
	margin-bottom: -0.7em;
}

blockquote  { 	
    margin: 1em 1em 1.3em 1em;
    font-style: normal;
	overflow: visible;
    padding-left: 0.8em;
	border-left: 1px dotted #007fc8;
}

blockquote p {
  color: #555;
}

.advert {
	color: #000000;
	margin: 0 0 1em 0;
	font-family: 'Verdana', sans-serif;
	font-size: 13px;
	line-height: 20px;
	font-weight: normal;
	border: 1px solid #aaa;
	padding: 0.5em 1em;
	display: block;
}

.advert a {
	font-family: 'PT Sans Narrow', sans-serif;
}

.adv-text {
	border: 3px solid #eee;
	margin: 1em 0 1em 0;
	padding: 25px 8px 8px 8px;
	font-family: 'Verdana', sans-serif;
	font-size: 13px;
	line-height: 20px;
	font-weight: normal;
	background-image: url(images/adv-text.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.remind {
	margin: 0 1em 1em 1.8em;
	padding: 7px 0 7px 12px;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 15px;
	font-weight: normal;
	background: url(images/widget-list-marker.png) left 10px no-repeat;
	color: #666;
	border-top: 1px dotted #007fc8;
	border-bottom: 1px dotted #007fc8;
}

.remind:before {
	content: 'Нагадаємо → ';
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #666;
	vertical-align: 1px;
}

.remind a {
	color: #007fc8;
	font-size: 17px;
	font-weight: bold;
}

.remind a:hover {
	color: #1A8BF4;
}

.remind-group .remind {
	margin-bottom: -1px;
}

.remind-group .remind:last-child {
	margin-bottom: 1em;
}

/* Спойлер Плюс-Мінус */

.spoiler {
	margin-bottom: 1em;
	padding: 1em;
	background-color: #eee;
}

.spoiler summary {
	padding: 6px 0 6px 45px;
	color: #555555;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: bold;
	font-size: 20px; 
	line-height: 20px;
	text-indent: 0;	
	background: url(images/plus.png) left no-repeat;
	cursor: pointer;
}

.spoiler summary:hover {
	color: #007fc8;
	background: url(images/plus-hover.png) left no-repeat;
}

.spoiler[open] summary {
	background: url(images/minus.png) left no-repeat;
	margin-bottom: 0.5em;
}

.spoiler[open] summary:hover {
	background: url(images/minus-hover.png) left no-repeat;
}

.spoiler summary::-webkit-details-marker {
	display: none
}

.spoiler > summary {
	list-style: none;
}

.spoiler p:last-child {
	margin-bottom: 0;
}

/* /Спойлер Плюс-Мінус */

/* Спойлер Up-Down */

.spoiler-a {
	margin-bottom: 1em;
	padding: 0.5em 0 0.5em 0;
	/* background-color: #eee; */
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.spoiler-group .spoiler-a {
	margin-bottom: -1px;
}

.spoiler-group .spoiler-a:last-child {
	margin-bottom: 1em;
}

.spoiler-a summary {
	padding: 6px 45px 6px 0;
	margin-right: 0.5em;
	color: #555555;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: bold;
	font-size: 20px; 
	line-height: 20px;
	text-indent: 0;	
	background: url(images/arrow-down.png) right no-repeat;
	cursor: pointer;
}

.spoiler-a summary:hover {
	/* color: #007fc8; */
	/* background: url(images/arrow-down-hover.png) right no-repeat; */
}

.spoiler-a[open] {
	padding-bottom: 1em;
}

.spoiler-a[open] summary {
	background: url(images/arrow-up.png) right no-repeat;
	margin-bottom: 0.5em;
}

.spoiler-a[open] summary:hover {
	/* background: url(images/arrow-up-hover.png) right no-repeat; */
}

.spoiler-a summary::-webkit-details-marker {
	display: none
}

.spoiler-a > summary {
	list-style: none;
}

.spoiler-a p:last-child, .spoiler-a ul:last-child, .spoiler-a ol:last-child, 
.spoiler-a ul:last-child li:last-child, .spoiler-a ol:last-child li:last-child {
	margin-bottom: 0;
}

/* /Спойлер Up-Down */


/* Mobile Phones ----------- */

@media only screen and (max-width: 480px) {
	
	.incut-left {
		width: 40%;
		padding: 15px 5% 4px 5%;
	}
	
	.incut-right {
		width: 40%;
		padding: 15px 5% 4px 5%;
	}
	
	.incut-center {
		width: 90%;
		padding: 15px 5% 5px 5%;
	}
	
	.main-text, p, li, .lead, .interview-question, .interview-answer, .advert, .adv-text {
		font-size: 14px;
		line-height: 1.3em		;
	}
	
	.subhead-1, .incut-head {
		font-size: 22px;
	}
	
}