/* Загальні стилі */

#wrapper a {
	color: #4c4c4c;
	}

#wrapper a:hover {
	color: saddlebrown;
	text-decoration:none;
	}

.icon-large, .icon-m_menu {
	margin-right:1em;
}

.icon-m_menu {
	color:burlywood;
	}
	
.page-header h1{
	font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    color: darkcyan;
	}
	
h2.item-title {
    font-size: 1.4rem;
    font-weight: 600;
	}



/* По модулях */

    /* Перемикач мов */

#lang {
  margin-top:0.15em;
}

#lang a{
  color:cyan;
}

#lang a::after {
  content:none;
}

#lang li {padding: 1em;}

   /* Останні відгуки */
   
.last-reviews {
    background: beige;
    padding: 0.3em;
    border-radius: 5px;
    border-style: dashed;
    border-color: white;
    border-width: 1px;
}


/* Верхнє меню */

#top a {
    color: #d8d8d8;
    font-size:0.8em;
    text-decoration:none;
    }

.top {
	background: #333;

	}
	
.topmenu {
    background:#444;
}

#top a.dropdown-item:hover, #top a.dropdown-item:focus { color:ivory;background:#446066}

@media (min-width: 992px) {

.top li {
	padding-right:0.6em;
	}

.top li a::after {
	color: #888;
	content:"";
	font-size:80%;
	
	}

li.list-inline-item.last a::after {
	content:none;
	}
	
#jshop_module_cart	{
	margin-top: 4.4em;
    }
}

#top .dropdown-menu a {
    color:#d8d8d8;
    padding:1.5em;
    font-size:1.1em;
}

/* i.icon-large {margin: 0em 1.5em;} */

.top-for-mob .dropdown-toggle {padding-right:0em;padding-left:0em;}

/* Шапка */

#shapka a {
	color:#444;
	text-decoration:none;
	font-weight:400;
	}
.kontakty {
    line-height:2em;
}
.logo, .kontakty {
    margin:auto auto;
}

/* Головне меню */

#main-menu a {
	color:#4c4c4c;
	text-decoration:none;
	}

@media (min-width: 992px) {
    #main-menu li.nav-item a.first-lev::before {
    	color:white;
    	content:"|";
    	font-size:80%;
    	padding-right:1em;
    	}
}

@media (max-width: 992px) {
    #main-menu .dropdown-toggle{
    	border-bottom: 1px dashed burlywood;
    	}
}

.main-menu {
	
	}

.navbar-brand {
	font-weight:900;
	}
	
@media (min-width: 992px) {
    .pc-menu-bg {background-color:beige;}
    .main-menu .dropdown-menu.show {background-color:beige;}
    #main-menu a.dropdown-item:hover, #main-menu a.dropdown-item:focus { background:#d8d8c0}
}

@media (max-width: 991.5px) {
    .pc-menu-bg {background-color:white;}
}
    
  
/* Шлях на сайті*/

#breadcrumb {

}



@media (max-width: 991.5px) {
    
    .navbar-collapse {
        margin-top: 2em;
    }
    
    
    
    #breadcrumb {
    margin-left: 0.2rem;
    }
        #main-menu {
        margin-top:2em;
        margin-bottom:2em;
    }
    
    #sidebar-a {
        display:none;
    }
    
    .foot_mod{
        padding-left:2.5em;
    }
}

#breadcrumb ul {
    font-size:0.8em;
    padding-bottom: 0em;
    }
    
                                /* Сайдбар */


#sidebar-a strong {
    font-size:0.8rem;
}

#sidebar-a h3 {
    font-size: 1.2rem;
}

#sidebar-a .moduletable {
    margin-bottom: 1.3rem;
    border-bottom: 1px solid #f8f8f8;
    padding-bottom: 1.2rem;
}

.for-text{
    font-family:calibri;
    color:grey;
    font-size:0.85rem;
    line-height:1.2rem;
    text-align: justify;
}


.for-btn{
    text-align:center;
}

@media (min-width: 992px) {
    #sidebar-a ul {
      padding-left: 1.7em;
      font-size: 0.85em;
      font-family: verdana;
      margin-bottom: 0.3em;
    }

    #sidebar-a li {
      margin-bottom:0.5em;
      margin-top:0.5em;
      padding-right: 1.1em
    }
}

.mob-vygidna-pokupka ul {
  text-align: left;
  font-size: 1.5em;
}

.mob-vygidna-pokupka li {
  color:#333;
  margin:0.6em 0em;
  margin-right:1em;
}

.mob-vygidna-pokupka li b {
    color:slategrey;
}

                            /* Інші статті */

.inshi-statti {
    list-style-type: none;
    padding-left: 0;
}

.inshi-statti li {
    margin:0.6em 0em;
    border-bottom: 1px dashed slategrey;
    padding-bottom: 1em;
}

.inshi-statti a {
    color:#333;
    font-weight: 200;
}
                            
                            /* Контент */
                            
                            /* Phoca Guest Book */

h5.pgtitle {
 margin: 0.5rem 0rem;
font-weight: 700;
color: #484848;   
}

.pgb-content-inside p{
    font-size: 1rem;
}
    
.well-small{
    border-left: 5px solid whitesmoke;
    padding: 0rem 2rem;
    border-radius: 0.5rem;
    margin: 2rem 0rem;
}

.pgb_border {
    margin:0rem;
}

.pgb_thi_font {
    color: #999;
    font-style: oblique;
    margin-left: 3rem;
    font-size: 0.9rem;
}

#phocaguestbook h1 {
    font-size: 1.3rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

/* Компоненти */

.statti-list {
    margin-bottom: 3em;
}

/* Список матеріалів блогу */

tr.cat-list-row1 a, tr.cat-list-row0 a {text-decoration: none;}

tr.cat-list-row0 a {color:#333;}

tr.cat-list-row1 a {color:#888;}

/* Типографія, заміна стилів Bootstrap 4.5 */ 

h1 {
    font-weight:650;
    font-size:2.3em;
    margin-bottom: 0.9em;
}

h2 {
    font-size: 1.9em;
    font-weight: 600;
    margin: 0.9em 0em;
    margin-left: 0.9em;
}

p {
    font-size: 1.1rem;
    color: #000;
    text-align: justify;
}

.accordion .btn-link {
    color:#505050;
    font-weight:650;
}

.accordion .btn-link::before {
    content:"\f0A4";
    font-family:FontAwesome;
    margin-right:1.5em;
    color:darkcyan;
}

.accordion .card-body p {
    font-weight:400;
}

.alert-success, .alert-success p {
    font-weight: 400;
    letter-spacing: 0.03em;
    font-size:1.1em;
}

.alert-success a {
    font-weight:bold;
    text-decoration:underline;
    color:#155724;
}

/* Власні стилі */

.clear-text {
    margin-left:1em;
    font-weight:400;
    font-size:1.2em;
    color:black;
}

.marked {
    text-decoration: underline;
    font-weight: bold;
    color: darkcyan;
}

.art {
  text-decoration:none;
}

.list {
    font-family: verdana;
    margin-left: 1.5em;
    line-height: 2em;
    list-style-type: none;
}

.list li::before {
    content: "\f046";
    font-family: FontAwesome;
    margin-right: 20px;
    color: slategrey;
}

/* Футер */d

#footer{
    background-color:#222;
    padding:0em;
    margin:0em;
}

#footer h5 {
    color: #fff;
    font-weight: 650;
    margin-bottom: 1em;
}

#footer ul {
    list-style-type: none;
    padding-left: 0.1em;
    line-height: 2em;
}

#footer a{
    color:#909090;
    text-decoration:none;
}

#footer a:hover{
    color:darkcyan;
    text-decoration:none;
}

#footer strong {
    color:#fff;
}