body{
/*
font-family: 'DINNextLTW23-Regular' !important;*/
direction: ltr;
font-size: 20px;
font-size: 18px;
overflow-x: hidden;
}
#articecontent{
padding-bottom:2rem;
text-align: justify;
}
#articecontent div{ word-break: break-word !important;}
#categorylink{
color: #939393 !important;
font-size: 20px !important;
/*
font-family: 'DINNextLTW23-Regular' !important;*/
margin-top: 1rem;
margin-bottom: 1rem;
padding-left: 0px;
padding-right: 0px;
float: left;
line-height: 28px;
}
#categorylink a{
color: #939393 !important;
font-size: 18px !important;
/*
font-family: 'DINNextLTW23-Regular' !important;*/
}
#categorylink:before{
content: "";
width: 26px;
height: 26px;
background: transparent url('../images/link.png') 0% 0% no-repeat padding-box;
float: left;
margin-right: 10px;
}
#categoryshare{
color: #939393 !important;
font-size: 20px !important;
/*
font-family: 'DINNextLTW23-Regular' !important;*/
float: left;
padding-left:0px;
}
#categoryshare p{
color: #939393 !important;
font-size: 20px !important;
font-size: 18px !important;
/*
font-family: 'DINNextLTW23-Regular' !important;*/
margin-top: 3rem;
margin-bottom: 3rem;
padding-left: 0px;
display: inline-block;
float: left;
line-height: 28px;
}
#categoryshare p:before{
content: "";
width: 23px;
height: 25px;
background: transparent url('../images/share.png') 0% 0% no-repeat padding-box;
float: left;
margin-right: 10px;
}
#categoryshare ul{
display: inline-block;
float: left;
list-style: none;
padding-left:0px;
}
#categoryshare ul li{
display: inline-block;
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #00000029;
border-radius: 10px;
width: 46px;
height: 43px;
text-align: center;
line-height: 45px;
float: left;
margin-right: 5px;
}
#categoryshare ul li a{
height: 100%;
display: inline-block;
line-height: 31px;
padding-top: 9px;
}
#articecontent p{
color: #525252;
font-size:20px;
text-align: justify;
width:100%;
}
#articecontent p a , #articecontent a{
color: #8DC640;
font-size:20px;
}
.phone{
color: #8DC640;
font-size:20px;
}
#articecontent p img {
border-radius: 10px;
/* width: 100%; */
float: none;
margin: auto;
display: block;
max-width:100%;
margin-top: 20px;
margin-bottom: 20px;
height: auto !important;
}
.video{
width:100%;
position: relative;
}
.video img{
width:100%;
}
.video:before{
content:"";
background: transparent url(../images/videolayerabove.png);
box-shadow: 0px 3px 6px #00000029;
border-radius: 8px;
height: 100%;
width: 100%;
position: absolute;
right: 0px;
opacity: 0.44;
background-size: 100% 100%;
background-repeat: repeat;
}
#related{
min-height: 383px;
background: #F5F5F5 0% 0% no-repeat ;
padding-top:3rem;
padding-bottom:3rem;
}
#related #title{
color: #8DC640;
font-size:25px;
font-size:20px;
text-align:left;
font-weight:normal;
/*
font-family: 'DINNextLTW23-Medium';*/
margin-bottom: 1rem;
}
#releasesbox{
height: 200px;
box-shadow: 0px 0px 14px #0000001D;
border-radius: 12px;
background: #fff;
overflow: hidden;
margin-bottom: 30px;
}
#releasesbox img{
float: right;
max-width: 252px;
}
#releasesbox .caption{
height: 100%;
max-height: 100%;
overflow: hidden;
display: inherit;
color: #525252;
text-align: right;
/*
font-family: 'DINNextLTW23-Regular';*/
padding: 23px;
right: 30px;
padding-top: 10px;
padding-bottom: 10px;
font-size: 20px;
}
#attacksbox{
position: relative;
box-shadow: 0px 0px 14px #0000001D;
border-radius: 12px;
height: 209px;
height: 209px;
width: 100%;
/* display: inline-block; */
/* float: right; */
background-size: cover !important;
/* position: absolute; */
/* right: 0; */
/* top: 0; */
background-repeat: no-repeat !important;
border-radius: 12px;
background-position: center !important;
margin-bottom: 30px;
}
#attacksbox .caption{
opacity: 0;
position: absolute;
top:0px;
height: 100%;
width: 100%;
right: 0px;
font-size: 20px;
font-size: 18px;
padding-top: 63px;
padding-bottom: 41px;
padding-left: 21px;
padding-right: 21px;
color: #fff;
background: #00000091;
box-shadow: 0px 0px 14px #0000001D;
border-radius: 12px;
text-align: center;
font-weight:bold;
/*
font-family: 'DINNextLTW23-Medium';*/
}
#attacksbox:hover .caption{
opacity: 1;
}
#newsbox{
position: relative;
height: 308px;
margin-bottom: 30px;
}
#newsbox img{
border-radius: 12px;
position: absolute;
right: 0;
top: 0;
}
#newsbox .caption{
height: 113px;
max-height: 113px;
overflow: hidden;
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #00000029;
border-radius: 7px;
max-width: 77%;
display: inherit;
margin: auto;
position: absolute;
bottom: 0px;
color: #525252;
text-align: center;
/*
font-family: 'DINNextLTW23-Regular';*/
font-weight:normal;
padding: 17px;
right: 30px;
padding-top: 10px;
padding-bottom: 10px;
}
.tagspan{
color: #525252;
float:left;
font-size:20px;
height: 100%;
}
.tagslist{
}
.tagslist li{
display:inline-block;
height: 42px;
background: #CCCCCC 0% 0% no-repeat padding-box;
border: 1px solid #A5A5A5;
border-radius: 9px;
padding: 9px;
margin: 5px;
float: left;
margin-top: 0px;
margin-bottom: 10px;
line-height: 25px;
}
.tagslist li a{
color: #707070;
text-align: right;
font-size: 18px;
}
.tagslist li a:hover{
text-decoration:none;
}
i.fa.fa-tag{
font-size: 16px;
color: #7070706b;
}
#homeimgbox {
position: relative;
box-shadow: 0px 0px 14px #0000001D;
border-radius: 12px;
width: 352px;
height: 233px;
width: 100%;
/* display: inline-block; */
/* float: right; */
background-size: cover !important;
/* position: absolute; */
/* right: 0; */
/* top: 0; */
background-repeat: no-repeat !important;
border-radius: 12px;
background-position: center !important;
margin-bottom: 30px;
}
/*
####################################################
M E D I A Q U E R I E S
####################################################
*/
/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Bootstrap 4 breakpoints
*/
/*
Extra small devices (portrait phones, less than 576px)
No media query since this is the default in Bootstrap because it is "mobile first"
*/
@media (max-width: 576px) {
#newsbox .caption{
max-width: 82%;
width: 85%;
}
.articletitle2 {
display: inline-block;
/* float: left; */
text-align: left;
/* padding: 0; */
padding-left: 20px !important;
max-width: 100%;
width: 100%;
padding-left:10px;
padding-right:10px;
}
#mainsection h2{
max-width: inherit;
text-align: left;
}
.date{
margin: auto;
padding-left: 15px;
margin-top: 15px;
}
#categorylink{
padding-left: 15px;
padding-right: 15px;
margin: auto;
}
.date:before , #categorylink:before , #categoryshare p:before{
display: inline-block;
float: none;
margin-right: 10px;
}
#categoryshare p{
float: none;
width: 100%;
text-align: center;
margin: auto;
}
.social-buttons {
display: inline-block;
text-align: center;
/* width: 100%; */
}
#categoryshare ul{
padding-right: unset;
}
#articecontent p{
max-width: 100%;
padding-left: 15px !important;
padding-right: 15px !important;
text-align: justify !important;
}
.tagspan {
color: #525252;
float: none;
font-size: 20px;
height: 100%;
text-align: right;
display: inline-block;
width: 100%;
height: auto;
margin-bottom:20px;
}
.tagslist {
display: inline-block;
padding: 0;
}
}
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}
/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Custom media queries
*/
/* Set width to make card deck cards 100% width */
@media (max-width: 950px) {
}
.fa-instagram:before {
content: "\f16d";
color: #94C122;
position: relative;
top: 4px;
}
.faa-instagram:before {
content: "\f16d";
color: #94C122;
position: relative;
top: -30px;
}
.fa-tiktok:before {
content: "\e07b";
color: #94C122;
position: relative;
top: 4px;
}
.faa-tiktok:before {
content: "\e07b";
color: #94C122;
position: relative;
top: -4px;
}