@charset "utf-8";
body {
    background-image: url( "../images/bg.jpg");
}

@media only screen and (max-width: 992px) {
	.container, header, main, footer {
		padding: 10px;
		color: black;
	}
}

/* ---- general styles ----*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color:#5CAF21;
    font-family: "Times New Roman";
}
h1:hover, h2:hover, h3:hover, h4:hover, h5:hover, h6:hover, .h1:hover, .h2:hover, .h3:hover, .h4:hover, .h5:hover, .h6:hover {
    color: #4B8721;
    text-shadow: 1px 1px 2px #A9A9A9;
}
a:hover {
    text-decoration: none;
}
.form-control {
    background-color: #F3F3F3;
}
.container {
    border: 2px solid #777777;
    border-radius: 40px;
    background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 21.24%,rgba(92,175,33,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 21.24%,rgba(92,175,33,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 21.24%,rgba(92,175,33,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 21.24%,rgba(92,175,33,1.00) 100%);
    -webkit-box-shadow: 1px 1px 6px 6px #3A3A3A;
    box-shadow: 1px 1px 6px 6px #3A3A3A;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
}


/* ---- header styles ----*/
header {
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
    border-bottom: 2px double #D3D3D3;
}
#site-header  {
    font-variant: small-caps;
    /* [disabled]text-shadow: 1px 1px 5px #D3D3D3; */
    font-style: normal;
    font-weight: 500;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
}
header nav {
    border: 1px solid #FFFFFF;
    border-radius: 50px;
    -webkit-box-shadow: 0px 0px 2px 2px #D3D3D3;
    box-shadow: 0px 0px 2px 2px #D3D3D3;
    font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
    font-style: normal;
    font-weight: 400;
    background-color: #D3D3D3;
}
header nav .navbar-toggler-icon {
    color: #4B8721;
    margin-bottom: -9px;
}
header nav .navbar-brand img {
    border-radius: 50%;
    border: 1px solid #FFFFFF;
	transition: all 1s;
}
header nav .navbar-brand img:hover {
    transform: scale(1.1);
    -webkit-box-shadow: 0 0 5px 1px #484848;
    box-shadow: 0 0 5px 1px #484848;
}
header nav a {
    color: #4B8721;
    text-shadow: 2px 2px 2px #FFFFFF;
}
header nav a:hover {
    color: #FF1E00;
    text-shadow: 0 0 0 #FFFFFF;
}
header nav .dropdown-menu {
    background-color: #D3D3D3;
    border: 1px solid #4B8721;
}
header nav .dropdown-menu .dropdown-item {
	color: #4B8721;
    text-shadow: 0px 0px #FFFFFF;
}
header nav .dropdown-menu .dropdown-item:hover {
    color: #FF1E00;
} 
header nav a .active {
    color: #AD2512;
    text-shadow: 1px 1px 5px #B12512;
}
header .navbar-nav .nav-item .nav-link:active {
    color: #AD2512;
}
#SelectTheme .form-control option  {
    color: #4B8721;
    background-color: #D3D3D3;
}
#SelectTheme .form-control option:hover {
    color: #FF1E00 !important;
    background-color: #D3D3D3 !important;
}
header nav .btn-outline-secondary:hover {
    background-color: #FF1E00;
    border: 1px solid #AD2512;
}



/* ---- main styles ----*/
main {
    padding: 20px;
}


/* ---- aside styles ----*/
.box {
    border: 1px outset #777777;
    border-radius: 10px 10px 0px 0px;
    margin-bottom: 10px;
    margin-top: 0px;
}
.box .box-header {
    background-color: #5CAF21;
    color: #FFFFFF;
    padding-top: 7px;
    padding-right: 15px;
    padding-bottom: 7px;
    padding-left: 15px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    text-shadow: 1px 1px 1px #777777;
    font-weight: 500;
    line-height: 25px;
    font-size: medium;
}
.box .box-body {
    padding-top: 7px;
    padding-right: 7px;
    padding-bottom: 7px;
    padding-left: 7px;
    background-color: #D3D3D3;
}
.box .box-body .card {
    border: 1px solid #B6B6B6;
}
.box .card:hover {
    transform: scale(1.01);
    -webkit-box-shadow: 0px 0px 2px 0px #3F3F3F;
    box-shadow: 0px 0px 2px 0px #3F3F3F;
}
.box .box-body .card .mymidcard {
    border-top: 1px solid #D3D3D3;
    border-bottom: 1px solid #D3D3D3;
}


/* ---- footer styles ----*/
footer {
    color: #FFFFFF;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
}
#social-networks {
    margin-top: 5px;
    margin-bottom: 5px;
}

#social-networks a  {
    color: #FFFFFF;
    text-shadow: 1px 1px 5px #484848;
    margin-right: 5px;
    margin-left: 5px;
    transition: color 0.3s;
}
#social-networks a:hover {
	color: #FF1E00;
}
article nav {
    margin-bottom: 10px;
    margin-top: 10px;
}




/* ---- article section styles ----*/

/* ---- index form styles ----*/
#carouselExampleCaptions {
    border: 5px ridge #D3D3D3;
    margin-top: 10px;
    position: relative;
    margin-bottom: 10px;
}
.carousel-caption {
    position: absolute;
    top: 10px;
}
.carousel-caption h5 {
    color: #FFFFFF;
    text-shadow: 3px 3px 3px #AD2512;
    left: 100px;
    top: 50px;
	transition: all 1s;
}
.carousel-caption h5:hover {
    color: #FF1E00;
    transform: scale(1.1);
    text-shadow: 2px 2px 3px #484848;
}
.mymedia {
    border: 1px outset #777777;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-top: 20px;
    margin-bottom: 0px;
}
.mymedia .mytitle {
    background-color: #5CAF21;
    color: #FFFFFF;
    padding-top: 7px;
    padding-right: 15px;
    padding-bottom: 7px;
    padding-left: 15px;
    text-shadow: 1px 1px 1px #777777;
    font-weight: 500;
    line-height: 25px;
    font-size: medium;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.mymedia .mybody {
	background-color: #D3D3D3;
    padding: 7px;
	
}
.mymedia .mybody .media {
    border-radius: 3px;
    background-color: #FFFFFF;
    padding: 10px;
    border: 1px solid #B6B6B6;
	-webkit-box-shadow: 0px 0px 2px #3F3F3F;
    box-shadow: 0px 0px 2px #3F3F3F;
}
.mymedia .mybody img {
    border-radius: 50px;
    -webkit-box-shadow: 1px 1px 2px #484848;
    box-shadow: 1px 1px 2px #484848;
    border: 1px solid #D3D3D3;
}
.mymedia .mybody .mymid  {
    border-top: 2px solid #D3D3D3;
    border-bottom: 2px solid #D3D3D3;
}
#archive-button button {
    margin-top: 20px;
    margin-bottom: 20px;
}

#archive-button button:hover  {
    background-color: #FF1E00;
    border: 1px solid #AD2512;
    margin-bottom: 0px;
}


/* ---- other forms styles ----*/
.myarticle {
    border: 1px outset #777777;
    margin-top: 0px;
    margin-bottom: 0px;
}
.myarticle .mybody {
    padding: 7px;
    background-color: #D3D3D3;
	
}
.myarticle .mybody .myart {
    border-radius: 3px;
    background-color: #FFFFFF;
    border: 1px solid #B6B6B6;
    -webkit-box-shadow: 0 0 2px 0px #3F3F3F;
    box-shadow: 0 0 2px 0px #3F3F3F;
}
.myarticle .mybody .myart .myart-body span {
    color: #888888;
    font-size: large;
}

.myarticle .mybody .myart img {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
.myarticle .mybody .myart .myart-body{
	padding: 20px;
}

#successalert {
    visibility: hidden;
}
.myart-body form .btn.btn-secondary:hover {
    background-color: #FF1E00;
    border: 1px solid #AD2512;
}
#accordionExample button {
    color: #5CAF21;
}
#accordionExample button:hover {
    text-decoration: none;
    color: #4B8721;
    text-shadow: 1px 1px 2px #A9A9A9;
}
#accordionExample a {
    color: #4B8721;
}
article p{
    text-indent: 25px;
}
.list-group .list-group-item-action:hover {
    color: #FF1E00;
}