example {
ex1: #14140f;
ex2: #053d38;
ex3: #34675C;
ex4: #a3ccab;
ex5: #f26800;
}
@font-face {
font-family: Arial-AMU;
src: url(//alttv.am/wp-content/themes/alttv/assets/fonts/Arial-AMU-Regular.ttf);
}
body {
font-family: Arial-AMU, Arial, Tahoma, sans-serif;
background-color: #fff;
color: #111;
}
header, footer {
background-color: #000;
color: #888;
}
h1, h4 {
margin: 0;
padding: 0;
}
a {
text-decoration: none;
color: inherit;
}
.no-pad-r {
padding-right: 0;
}
.no-pad-l {
padding-left: 0;
}
#header-top {
padding: 4px 0;
font-size: 14px;
line-height: 32px;
}
#currency {
text-align: right;
}
#weather {
text-align: right;
}
#weather span {
margin-left: 8px;
}
#header-bottom {
padding: 12px 0;
border-top: solid 1px #222;
}
.searches {
text-align: right;
}
#search-archive {
display: inline-block;
margin-right: 10px;
}
#search-archive .container {
min-width: 380px;
}
#search {
display: inline-block;
width: 180px;
}
#search .form-control:focus {
border-color: #ccc;
box-shadow: none;
-webkit-box-shadow: none;
}
.navbar {
background-color: #222 !important;
}
.nav-icon {
color: #ccc;
font-size: 24px;
margin-left: 10px;
}
.nav-icons {
flex: 1;
justify-content: end;
}
#menu-main .dropdown-item.active, #menu-main .dropdown-item:active {
background-color: #666;
}
#menu-main .dropdown-menu {
padding: 8px;
}
#menu-item-8272 a {
color: #f26800;
text-shadow: 2px 2px 2px #000;
font-weight: bold;
}
#main {
margin: 30px 0;
}
#home-carousel ul {
list-style-type: none;
}
#home-carousel .carousel-item img {
width: 100%;
height: auto;
}
#home-carousel .carousel-indicators li {
border-radius: 0;
width: 24px;
height: 4px;
background-color: #dbdfe1;
border: none;
}
#home-carousel .carousel-indicators li.active {
background-color: #f26800;
}
#home-carousel .carousel-caption {
text-align: left;
left: 5%;
bottom: 40px;
}
#home-carousel .carousel-caption a {
font-size: 18px;
line-height: 24px;
color: #fff;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
letter-spacing: 1px;
text-shadow: 1px 1px 3px #000;
}
#slider, #latest {
margin-bottom: 30px;
}
#latest a {
display: block;
}
#latest a:hover {
color: #f26800;
}
#latest .card {
margin-bottom: 24px;
}
#latest .card small {
font-size: 11px;
line-height: 14px;
display: block;
text-align: right;
}
.widget-title {
background-color: #fff;
height: 40px;
margin-bottom: 10px;
border-bottom: 1px solid #f26800;
text-transform: uppercase;
}
.widget-title span {
vertical-align: middle;
display: inline-block;
letter-spacing: 2px;
font-size: 20px;
line-height: 40px;
color: #333;
font-weight: bold;
}
.newsfeed-wrap {
min-height: 720px;
position: relative;
}
#newsfeed {
overflow: hidden;
overflow-y: scroll;
right: 12px;
left: 12px;
bottom: 0;
top: 51px;
position: absolute;
}
#newsfeed::-webkit-scrollbar {
width: 10px;
}
#newsfeed::-webkit-scrollbar-track {
box-shadow: inset 0 0 4px grey;
border-radius: 5px;
}
#newsfeed::-webkit-scrollbar-thumb {
background: #ccc;
border-radius: 8px;
}
#newsfeed::-webkit-scrollbar-thumb:hover {
background: #bbb;
}
#newsfeed .newsfeed-item {
margin: 10px 0 0 0;
border-bottom: 1px solid #eee;
display: block;
position: relative;
padding: 0 10px 24px 10px;
}
#newsfeed .newsfeed-item span {
position: absolute;
bottom: 5px;
right: 10px;
font-size: 11px;
line-height: 14px;
color: #888;
}
#newsfeed .newsfeed-item:hover {
background-color: #efefef;
}
#newsfeed a {
display: block;
font-size: 14px;
line-height: 20px;
}
#newsfeed a:hover {
color: #f26800;
}
#archive,
#post {
padding: 15px;
background-color: #fff;
}
#latest h1,
#archive h1,
#post h1 {
font-size: 26px;
line-height: 40px;
text-transform: uppercase;
font-weight: bold;
margin-top: 30px;
margin-bottom: 30px;
}
#post .post-content {
margin-top: 15px;
margin-bottom: 15px;
}
#post .post-content a {
color: #f26800;
}
#post .post-date {
margin-bottom: 15px;
color: #888;
font-size: 12px;
line-height: 14px;
}
.custom_gallery_item {
display: inline-block;
margin: 4px;
}
.custom_gallery_item img {
width: 128px;
}
#footer-top {
color: #888;
border-bottom: 1px solid #222;
}
#footer-top .media {
padding: 15px;
}
#footer-top .media p,
#footer-top .media a {
margin: 0;
font-size: 12px;
line-height: 16px;
}
#footer-bottom p {
text-align: center;
font-size: 12px;
line-height: 14px;
margin: 15px;
padding: 0;
color: #888;
}
#post .thumb-wrap,
.category-item .thumb-wrap {
overflow: hidden;
}
#post .thumb,
.category-item .thumb {
height: 160px;
width: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
transition: all 0.5s;
}
#post .thumb {
height: 400px;
}
#post .thumb:focus,
#post .thumb:hover,
.category-item .thumb:focus,
.category-item .thumb:hover {
transform: scale(1.1);
}
.post-archive-item {
margin-top: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #dbdfe1;
}
.post-archive-item span {
display: block;
color: #888;
line-height: 14px;
font-size: 12px;
margin-bottom: 7px;
}
.post-archive-item a {
display: block;
color: #333;
line-height: 20px;
font-size: 14px;
text-decoration: none;
text-transform: uppercase;
}
.post-archive-item a:hover {
color: #f26800;
}
.pagination {
margin: 24px 0;
line-height: 20px;
font-size: 14px;
}
.pagination a {
display: inline-block;
background-color: #f26800;
color: #fff;
text-decoration: none;
padding: 2px 4px;
}
.pagination a:hover {
background-color: #f26800;
color: #fff !important;
}
.pagination span {
color: #f26800;
padding: 2px 4px;
font-weight: bold;
}
.footer-widget-wrap {
margin: 15px 0;
}
.telegram-share-button {
display: inline-block;
vertical-align: middle;
}
.ethics a {
display: block;
text-align: center;
}
.ethics a img {
width: 92px;
height: auto;
}
@media (max-width: 767px) {
#currency,
#date-time,
#weather,
#header-logo,
#search {
text-align: center;
}
.searches {
text-align: center;
margin-top: 15px;
}
.no-pad-r {
padding-right: 15px;
}
.no-pad-l {
padding-left: 15px;
}
#news-feed {
max-height: 400px;
}
.nav-icons {
justify-content: start;
}
.nav-icon {
margin-left: 0;
margin-right: 10px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.widget-title span {
letter-spacing: 1px;
}
#post .thumb {
height: 200px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
#post .thumb {
height: 300px;
}
}
@media (min-width: 1200px) {
}