/*
Theme Name:  theme55229
Theme URI:   http://yoursite.com/link/to/theme
Description: Your theme description.
Author:      Your Name
Author URI:  http://yoursite.com
Version:     1.0.0
License:     GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:        fixed-layout, fluid-layout, responsive-layout, left-sidebar, right-sidebar, custom-menu, featured-images, full-width-template, post-formats, sticky-post, theme-options, translation-ready
Text Domain: theme55229
Template:    cherryframework4
*/

/* =Theme customization starts here
-------------------------------------------------------------- */

#static-area-header-top .container .row:before {
	top: 15px;
	height: 80%;
}

.posts_2 .cont {
	border:none!important;
}
h3 {
color: #52d3b7!important;
}
#static-area-header-top h2 {
	margin-top:40px;
	margin-bottom: 20px;
}
.grandparents {
	margin-top: 30px;
}
.name_grandchild {
	    border-bottom: 1px solid #52d3b7;;
}
 .txt_family {
    position: relative;
    font-size: 30px;
    line-height: 1em;
    padding-top: 0px;
	color: #fff;
}
.txt_family p {
	padding-bottom: 0;
	margin-bottom:1px!important;
	
}
.while-header-widget {
	position:relative;
	width: max-content;
}
.header-widget {
	margin-top: 200px;
  	font-size: 30px;
	background-color: #feffff!important;
	opacity: 0.7!important;
	width: max-content;
	padding: 4px 10px;
	margin-left: 30px;
	margin-bottom: 0px;
	font-family: Arial;
}
.header-widget .icon-phone {
	margin-right: 8px;
    margin-bottom: 8px;
}
.call-viver-block {
    position: absolute;
    height: 38px;
    display: flex;
    top: -65px;
    right: 0;
}
.call-viver-block .call {
	margin-right: 6px;
}

@media (max-width: 411px) {
		.header-widget {
	margin-top: 50px!important;		
	}
	.offer_call {
	width: 96%!important;
	padding: 17px 20px!important;		
	}
}

@media (max-width: 768px) { 
	.txt_family {
		text-align: center;
		margin-bottom:20px!important;
		
	}
		.while-header-widget {
		margin-left: auto;
		margin-right: auto;
	} 
	.header-widget {
	margin-left: auto!important;
	margin-right: auto!important;
	margin-top: 50px!important;	
	}
	.offer_call{
	margin-left: auto!important;
	margin-right: auto!important;
	}
	.family_shedule {
		float:none!important;
		margin-left:auto!important;
		margin-right: auto!important;
		margin-bottom: 0!important;
	}
	.family_sh ul {
		width: 400px;
		margin-left: auto;
		margin-right: auto;
	}
	.famaly-slider {
		width:100%;
		padding: 0 2px;
		margin-top: -80px;
	}
}
   .family_tel p {
	width: 270px!important;
	margin-left:auto!important;
	margin-right: auto!important;
	margin-top:5px!important;
    padding: 17px 32px!important;
    outline: none!important;
    font-style: normal!important;
    font-size: 30px!important;
    text-transform: uppercase!important;
    border-radius: 4px!important;
	background-color: #fff!important;
    color: #52d3b7!important;
	text-align: center!important;
}

.family_shedule {
	width: 210px;
	float: right;
	margin-bottom: 40px;
	margin-right:40px
}
.family_tel {
	text-align: center;
}
.block_pic1 p {
	text-align:center;
}

.list_1 {
	vertical-align: center;
}

.cherry-list.image-icon.list_1 {
    position: relative;
    padding: 75px 0 25px!important;
}

@media (max-width: 991px) and (min-width: 768px) {
.cherry-list.image-icon.list_1 {
    padding: 50px 0 25px!important;
	}
	.txt_family {
		
	}
}

.famaly-slider {
	margin-left: auto!important;
	margin-right: auto!important;
}


.header-widget p
{
	    background: transparent;
	    color: #333;
    	text-align: center;
	    margin: 10px!important;
	    padding:0!important;	
}
.offer_call {
	margin-top: 0;
    color: #ffffff!important;
    background: #52d3b7!important;
	padding: 17px 30px;
    font-size: 18px;
   	border-radius: 4px!important;
	width: 310px;
	text-align: center!important;
	text-transform: uppercase!important;
	margin-left: 30px;
}

.offer_call a {
	color: #ffffff!important;
}
.offer_call a:hover {
	color: #444b52!important;
}

.cherry-spoiler {
		font-family: Arial;
		font-weight: normal!important;
}

.mylang .lang-item {	
	list-style: none;
	font-family: Arial Black;
	display: inline;
	padding: 5px 15px;
	margin: 3px;
}

.mylang .current-lang {
	background-color: #52d3b7;
}


.mylang a {
	color: #fff;
}

.mylang .lang-item {
	margin-right: 0;
}

.mylang {
	float: right;
	margin-right: 15px;
	margin-top: -30px;
	margin-bottom: 35px;
	width: 128px;
}
@media (max-width: 768px){ 
	.family_sh ul {
		width:100%!important;		
	}
    .header-widget {
	margin-top: 200px;
    }
	.land-and-town {
		width:360px;
	}
	.mylang li {	
	text-align: center;
   }
}

@media (max-width: 352px){
	.land-and-town {
		width: 100%;
	}
.mylang {
	float: none;
	margin-right: auto;
	margin-left: auto;
	margin-top: 80px!important;
}
.tsselectcontainer {
	float:none!important;
	margin-top:20px!important;
	margin-right: auto;
	 margin-left: auto;
	width: 174px;
	}	
} 

.myimg {
	width: 174px;
	margin-right: 30px;
	position:relative;
}

#rodynneblock {
	background-color: rgba(0, 0, 0, 0.6)!important;
	list-style: none;
	display: none;
	width: 174px;
	margin-top: -8px;
	position: relative;
	z-index: 998;
	padding-bottom: 6px;
}

#rodynneblock ul {
	width: 174px;
	margin-top: 5px;
}

#rodynneblock li {
	color:  rgb(254, 255, 255)!important;
	padding: 6px 28px 0 38px;
	margin-left: -40px
	}

#rodynneblock li a {
   opacity:1;
   color: rgb(254, 255, 255)!important;
   font-size: 15px;
   text-align:center;
}

#rodynneblock li:hover { 
	color: black!important;
	background-color: rgba(54, 137, 185, 0.38)!important;
	}
.family_tel a:hover {
	color: #52d3b7;
}

.sidebar-footer2 a {
	color:#ffffff!important;
}

.rod-con-tel a:hover {
	color:#7a7979 ;
}

.tsselectcontainer {
	float: right;
	height: 300px;
	font-family: Exo2SemiBold!important;
	margin-top: -35px;
	position: relative;
}


@media (max-width: 500px) {
	.myimg {		
		background-color: rgba(0,0,0,0.45);
		box-shadow: 0 0 1px rgba(0,0,0,0.2);
	}
	.header-widget {
	font-size: 24px!important;
	}
		
	.static-header-sidebar .widget_text{
		margin-bottom: 10px;
	}
		
	.header-widget p {
				margin: 2px!important;
	}
		#rodynne-block-id {
		width: 90%;
		margin: 36px 0 0 0;
		padding-bottom: 80px;
		display: none;
	}	
	#rodynne-block-id img {
		margin: 8px;
		width: 46px;		
	}
}
@media (max-width: 389px) {
		#rodynne-block-id {
		width: 90%;
		margin: 36px 0 0 0;
		padding-bottom: 80px;
		display: none;
	}	
	#rodynne-block-id img {
		margin:10px;
		width: 58px;		
	}
}

@media (max-width: 500px) {
	
#static-area-header-top {
    position: fixed;
    top: 0;
   	width:100%;
	height: 70px;
	z-index: 999;
	     }
	#static-area-header-top .container {
		padding-left:0;
		padding-right: 0;
	}
    #static-area-header-top h2 {
	margin-top:8px;
	margin-bottom: 0;
    }
	    #static-area-header-top h1 {
	margin-top:8px;
	margin-bottom: 0;
    }
	.header-top {
	padding-top: 0;	
	/*padding-top: 28px;*/	
	}
	#static-area-header-top .container .row {
		padding-bottom: 16px;
	}
	#static-area-header-top .container .row:before {
		opacity: 0.9;
		top:0;
	}
	.static-header-logo {
		float: right;
		width: 90%;
				}
		
	
	h1.image-logo, .site-title.image-logo  {
		margin-top: 8px;
		margin-bottom: 8px;
	}
	#menu-primary {
		margin-top: 8px;
		margin-bottom: 8px;
	}
	.static-header-menu {
			float:left;
			width:10px;
			margin-top: 0;
			margin-left: 5px;
				}
	.static-header-menu ul {
		margin-top: 20px;
	}
	.static-header-menu li {
		width: 200px;
	}
	.mylang {
		margin-top: 80px;
	}
	.tsselectcontainer {
		margin-top: 75px;
		height:164px;
		}
	.roddyne-icon {
		width: 76px;
		float: right;
		margin: 2px 16px 0 0;
	}
	.site-branding {
	float:left;
	}
	.static-header-logo .site-title.image-logo {
		width: 180px;
	}
	.static-header-menu label {
		padding: 0;
		margin: 15px;
	}

}

@media (min-width: 501px) {
	.roddyne-icon, #rodynne-block-id {
	display: none;
	}
	 
}

@media (max-width: 768px) and (min-width: 501px) {
	#static-area-header-top .container .row {
		
		padding-bottom: 80px;
		
		
	}
}
@media (max-width: 370px) and (min-width: 353px) {
	.myimg {
		margin-right: 26px;
	}
}
@media (max-width: 374px) {
	.static-header-logo .site-title.image-logo {
		width: 150px;
	}
	.static-header-logo {
		width: 85%;
		padding-left:0;
	}
	.roddyne-icon {
    width: 68px;
    float: right;
    margin: 4px 14px 0 0;
}
}
		.clear {
		clear: both;
	}



/*body.single-portfolio article.type-portfolio .cherry-portfolio-single-post.cherry-portfolio-gallery-post .swiper-container {
	margin-bottom: -100px!important;
}*/

@media (max-width: 500px) {
	.cherry-spacer  {
		height: 15px!important;
	}
	h2, h3 {
		font-size: 24px!important;
		margin-bottom: 10px!important;
		line-height: 32px!important;
		word-wrap: normal!important;
	}
	.rodynne-menu img {
		width: 94%;
		margin-left: auto;
		margin-right: auto;
	}
	.cherry-breadcrumbs .page-title {
		padding-top: 14px;
	}
	.cherry-breadcrumbs h1 {
		font-size: 24px!important;
		margin-bottom: 10px!important;
		line-height: 32px!important;
		word-wrap: normal!important;
	}
	/*body.single-portfolio article.type-portfolio .cherry-portfolio-single-post.cherry-portfolio-gallery-post .swiper-container {
	margin-bottom: -60px!important;
}*/
	.cherry-breadcrumbs {
	margin-bottom: 40px;
}
	

	.static-footer-logo {
		padding-top: 50px!important;
	}
	.block-footer-icon {
	margin-top: 50px!important;
} 
	.sidebar-footer2 {
		padding-top: 30px!important;
		padding-bottom: 30px!important;
	}

}
@media (max-width: 991px) {
	  .block-footer-icon {
	width: max-content;
	margin-left: auto;
	margin-right: auto;
}
}

@media (max-width: 356px) {
	.header-widget {
	width: 96%!important;
	}
		/*body.single-portfolio article.type-portfolio .cherry-portfolio-single-post.cherry-portfolio-gallery-post .swiper-container {
	margin-bottom: -10px!important;
}*/
} 

.na-golownu a { 
  color: #52d3b7!important;
}

.na-golownu a:hover { 
  color: #52d3b7!important;
}

.na-golownu {
	margin-bottom: 50px!important;
	z-index: 9996;
	position: relative;
}
.cherry-breadcrumbs_item a {
	color: #52d3b7;
}

.cherry-breadcrumbs .cherry-breadcrumbs_content .cherry-breadcrumbs_wrap .cherry-breadcrumbs_item_target {
	color: #6c6c6c!important;
}
.post-navigation {
	display: none;
}
.rodynne-sl {

}

/*
@media (min-width: 768px) { 
	body.single-portfolio article.type-portfolio .cherry-portfolio-single-post.cherry-portfolio-gallery-post .swiper-container {
	margin-bottom: -180px!important;
		height:fit-content;
	}
}*/

@media (min-width: 1024px) {
	#main .portfolio {
	width: 88%;
		/*height:fit-content;*/
	margin-right:auto;
	margin-left: auto;
}
}

.block-footer-icon {
	margin-top: 100px;
} 


.block-footer-icon img {
	width: 54px;
	margin-right: 12px;
}

/* кнопка перемотка вверх */

.fam_btn_up {
	 position: fixed;
	 bottom: -50px;
	 right: 5px;
	 width: 50px;
	 height: 50px;
	 border-radius: 4%;
	 border: 2px solid #fff;
	 background: #57c7ff;;
	 opacity: 0.9;
	 z-index: 100;
	 transition: .4s;
 }
.fam_btn_up:after {
	content: '';
	width: 10px;
	height: 10px;
	border-top:2px solid #fff;
	border-left: 2px solid #fff;
	transform: rotate(45deg);
	position: absolute;
	top: 4px;
	bottom: 0;
	left:0;
	right: 0;
	margin: auto;
}

.fam_btn_up.active {
	bottom: 50px;
}
/**
 * Сторінка Blog
 * */
.rodynne-thumb { 
	width: 300px;
	margin-right: 30px;
	float: left;
	margin-bottom: 50px;
		}
.rodynne_article {
	display: block
}
.entry-meta-bottom, .author-bio {
	display: none;
}

body.single-portfolio article.type-portfolio .cherry-portfolio-single-post.cherry-portfolio-gallery-post .swiper-container {
    max-height: 680px;
}

@media (max-width: 1140px) { 
	body.single-portfolio article.type-portfolio .cherry-portfolio-single-post.cherry-portfolio-gallery-post .swiper-container {
  max-height: 640px;
	}
}

@media (max-width: 990px) { 
	body.single-portfolio article.type-portfolio .cherry-portfolio-single-post.cherry-portfolio-gallery-post .swiper-container {
  max-height: 400px;
	}
}

@media (max-width: 540px) { 
	body.single-portfolio article.type-portfolio .cherry-portfolio-single-post.cherry-portfolio-gallery-post .swiper-container {
  max-height: 300px;
	}
}
@media (max-width: 400px) { 
	body.single-portfolio article.type-portfolio .cherry-portfolio-single-post.cherry-portfolio-gallery-post .swiper-container {
  max-height: 260px;
	}
}
@media (max-width: 330px) { 
	body.single-portfolio article.type-portfolio .cherry-portfolio-single-post.cherry-portfolio-gallery-post .swiper-container {
  max-height: 200px;
	}
}
/**
 * Сторінка відгуки
 */
.reviews-block {
    width: 294px;
    border: 2px solid #52d3b7;
    border-radius: 10px;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 30px;
    padding-left: 28px;
    padding-right: 28px;
    padding-bottom: 28px;
    position: relative;
    background: white;
  
}

.reviews-block::after, .reviews-block::before {
    content: '';
    position: absolute;
    background: white;
	left: -16px;
    top: 110px;
    width: 30px;
    height: 30px;
    z-index: -1; /* Прячем за основным блоком */
    transform: rotate(-45deg); /* Поворачиваем на 45º */
    -webkit-transform: rotate(-45deg);
    border-top: 2px solid #52d3b7;
    border-left: 2px solid #52d3b7;
}

.reviews-block::before {
    z-index: 1; /* Накладываем поверх, чтобы скрыть следы тени */
    box-shadow: none; /* Прячем тень */
}

.r-name {
    font-size: 30px;
    width: max-content;
    border-radius: 5px;
    margin-top: 26px;
    margin-bottom: 10px;
}

p.r-block {
 margin-bottom: 0;
 font-size: 16px;
}

.reviews-img img {
    border-radius: 500px;

}

.reviews-img {
    width: 204px;
    margin-right: 26px;
    margin-top: 20px;
}
.rodynne-block-vydhuk {
	display: flex;
	margin-bottom: 60px;
}


@media (max-width: 500px) {
	.rodynne-block-vydhuk {
	display: block;
	
}
	.reviews-block::after, .reviews-block::before {
	left: 128px;
    top: -16px;
	 transform: rotate(45deg); 
    -webkit-transform: rotate(45deg);
		
	}
	.reviews-img {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 42px;
		}
}

/*Посилання на facebook, сторінка події*/
.r-fb { 
	background-image: url(http://rodynne.com.ua/wp-content/uploads/2020/08/rod-bottom.png);
	background-position: 0 91%;
    background-repeat: repeat-x;
	position: relative;
	width: 100%;
	margin-bottom: 30px;
	font-family: 'Roboto', sans-serif;
	line-height: 0.7;
    font-size: 18px;
	margin-top: -46px;
	text-transform: uppercase;
}

.r-fb a {
	color: #000;
}

.r-col-1, .r-col-2, .r-col-3 {
	display: table-cell;
} 

.r-col-1 {
width: 154px
}

.r-col-2 {
 padding: 0 10px;
	
}

.r-col-2 a {
	vertical-align: -11px;
}

.r-col-3 img {
	margin-bottom: 2px;
	
}
.r-col-3 .mob-na-facebook {
   display: none;
}

@media (max-width: 990px) {
	.r-fb {
		display: flex;
		flex-wrap: wrap;
		margin-top: 0;
	}
	.r-col-2 {
		order: -1;
		padding: 0;
	}
	.r-col-1 {
		order: 1;
		text-align: right;
	}
	.r-col-1 a {
		margin-right: 4px;
	}

	.r-col-1, .r-col-3 {
		flex-grow: 1;
	}
	.r-col-3 a {
		vertical-align: -22px;
	}
	.r-col-3 .mob-na-facebook {
        display: block;
		margin-top: 22px;
	}
	.r-col-3 .na-facebook {
   		display: none;
	}
}

/**
 * Акція січень
 * */


.akcia-desk {
	margin-top: -150px;
	margin-left: 100px;
	z-index:101;
	position:relative;
}

.akcia-mob {
	display: none;
}
.for_action2 {
	padding: 0;
	margin: 0;
}



@media (max-width: 768px) {
	for_action1 {
		display: none;
	}
	.akcia-desk {
		display: none;
	}
	.akcia-mob {
	display: block;
	width: 100%;
	margin-top: -28px;		
    }
}

@media (max-width: 1300px) {
	.akcia-desk {
	margin-left:0px;
	margin-top: -140px;
	}
}

@media  (max-width: 992px) {
.akcia-desk {
	margin-top: -100px;
	}
}



@font-face {
 font-family: Exo2SemiBold;
 src: url(https://uz.rodynne.com.ua/wp-content/themes/theme55229-2/fonts/Exo2-SemiBold.ttf);
 }