CSS File

1/************************************************************

2 Box Sizing

3************************************************************/

4.psac-slider-and-carousel *, .psac-columns *, .psac-widget-wrp *{outline: none !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}

5

6/************************************************************

7 Clearfix

8************************************************************/

9.psac-clearfix:before, .psac-clearfix:after{content: "";display: table;}

10.psac-clearfix::after{clear: both;}

11.psac-clearfix{clear: both;}

12

13/***************************************************************

14 Some common css

15***************************************************************/

16.psac-post-title{margin:0 0 15px 0 !important;}

17.psac-post-meta{line-height: normal !important;margin:0 0 15px 0; text-transform: uppercase;color: #555;font-size: 12px;}

18.psac-post-meta span{font-style:italic; font-size:12px;}

19.psac-post-short-content{margin-bottom:15px;}

20.psac-cat-list li ul{margin-left: 0.857143rem;}

21.psac-cat-list .current-cat > a{font-weight:bold;}

22.psac-link-overlay {position: absolute;height: 100%;width: 100%;top: 0px;left: 0px;z-index: 1;}

23.psac-overlay a{color:#fff;}

24.psac-post-meta span.psac-post-meta-innr {font-size:12px;display: inline-block; margin:0 5px 5px 5px;}

25.psac-post-tags{margin-top:15px;}

26.psac-post-meta a{color:#888}

27.psac-post-grid, .psac-post-slider{margin-bottom:30px; }

28.psac-hide{display:none;}

29.psac-post-list{margin-bottom:30px; }

30.psac-post-title a{text-decoration:none !important; border-bottom:0px !important;}

31.psac-post-tags { clear:both;}

32.psac-post-tags a { font-style: italic; text-decoration: none; font-size: 14px; color: #555;}

33.category-title-main{clear:both;}

34.psac-post-link {position: absolute;top: 0;right: 0;z-index: 1;bottom: 0;left: 0;}

35.psac-post-image-bg img{display:inline-block; max-width:100%;}

36.psac-post-title a,

37.psac-post-categories a{color:#000;}

38.psac-post-img-wrap{position:relative;}

39

40/****************************************************************

41 Arrow and Dots settings

42*****************************************************************/

43.psac-slider-and-carousel .owl-nav{position:absolute; top:50% !important; transform: translateY(-50%); margin-top:-30px;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);border: none !important; width:100%;}

44.psac-slider-and-carousel .owl-next{right:0px !important; position:absolute;}

45.psac-slider-and-carousel .owl-prev{left:0px !important; position:absolute;}

46.psac-slider-and-carousel .owl-nav .owl-next,

47.psac-slider-and-carousel .owl-nav .owl-prev{display:inline-block; text-align: center !important; background:rgba(255,255,255,0.4); color:#000; border:2px solid #000;line-height:normal !important; font-size:25px; padding:2px 15px 4px 15px !important; border-radius:0px; box-shadow:none; -moz-transition:all 0.5s ease-out 0s;-ms-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;}

48.psac-slider-and-carousel .owl-nav .owl-next:hover,

49.psac-slider-and-carousel .owl-nav .owl-prev:hover,

50.psac-slider-and-carousel .owl-nav .owl-next:focus,

51.psac-slider-and-carousel .owl-nav .owl-prev:focus{background:#03a9f5; color:#fff; border-color:#03a9f5}

52.psac-slider-and-carousel .owl-dots{width:100%; text-align:center;}

53.psac-slider-and-carousel .owl-dots .owl-dot{width:10px !important; height:10px !important; padding:0px !important; background:#555; margin:0 2px; border-radius:100%; display:inline-block; box-shadow:none;}

54.psac-slider-and-carousel .owl-dots .owl-dot.active{background:#03a9f5;}

55body.rtl .psac-slider-and-carousel .owl-nav .owl-next,

56body.rtl .psac-slider-and-carousel .owl-nav .owl-prev{direction: ltr;}

57

58/****************************************************************

59 Categories CSS

60*****************************************************************/

61.psac-post-categories{display: inline-block;text-transform: uppercase;color: #666;z-index: 9;position: relative; margin-bottom:15px;}

62.psac-post-categories a{text-decoration: none ; -moz-transition:all 0.5s ease-out 0s;-ms-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; font-size:13px;text-transform: uppercase;padding: 3px 8px;line-height: normal;display: inline-block; margin: 0 0 5px 0; border-bottom: 3px solid #f1f1f1;}

63

64/**************************************************************

65 Read more link psac-design

66******************************************************************/

67.psac-readmorebtn{ -moz-transition:all 0.5s ease-out 0s;-ms-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;text-decoration: none !important; color: #888;border: 2px solid #888;padding: 8px 15px;font-size: 13px;display: inline-block;box-sizing: border-box;line-height: normal !important;}

68.psac-readmorebtn:hover, .psac-readmorebtn:focus{background:#888; color:#fff; }

69

70/**************************************************************

71 post Slider psac-design

72******************************************************************/

73.psac-post-image-bg{position:relative;background-color:#f1f1f1; background-repeat:no-repeat; background-position: center; -webkit-background-size: cover;

74 -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

75.psac-post-slides{position:relative; }

76.psac-post-slides .psac-post-image-bg{margin-bottom:0px;}

77

78/******************Slider psac-design-1********************/

79.psac-post-slider.psac-design-1 .psac-post-image-bg{height:400px;}

80.psac-post-slider.psac-design-1{margin:0px; text-align:center; }

81.psac-post-slider.psac-design-1 .psac-post-title{font-size:24px; line-height: 30px;}

82.psac-post-slider.psac-design-1 .psac-post-overlay{background:rgba(255,255,255,0.7); border:5px solid #000; position:absolute; padding:20px; left:0; right:0; max-width:70%; margin:0 auto; top:50%; -webkit-transform: translateY(-50%);transform: translateY(-50%); z-index:2;}

83.psac-post-slider.psac-design-1 .psac-post-image-bg{margin-bottom:0px;}

84.psac-post-slider.psac-design-1 .psac-post-categories a{border-color:#555;}

85.psac-post-slider.psac-design-1 .psac-readmorebtn{color: #555;border: 2px solid #555;}

86

87/******************Slider psac-design-2********************/

88.psac-post-slider.psac-design-2 .psac-post-image-bg{height:400px;}

89.psac-post-slider.psac-design-2 .psac-post-title{font-size:24px; line-height: 30px;}

90.psac-post-slider.psac-design-2 .psac-post-slides{display: flex;}

91.psac-post-slider.psac-design-2 .psac-post-left{ padding-right: 37px;background-color: #fff;background-image: url(../images/bg.png) !important;

92background-position: 3px 3px !important;background-repeat: repeat !important;}

93.psac-post-slider.psac-design-2 .psac-post-left .psac-post-overlay{background-color: #f5f6f8;padding: 44px 105px 44px 95px;height: 100%;display: flex;align-items: center;}

94.psac-post-slider.psac-design-2 .psac-post-right{}

95.psac-post-slider.psac-design-2 .psac-post-categories a{border-color:#555;}

96body.rtl .psac-post-slider.psac-design-2 .psac-post-left{ padding-left: 37px; padding-right:0px;}

97

98/***************************************************************

99 Carousel psac-designs

100***************************************************************/

101/******************Carousel psac-design-1********************/

102.psac-post-carousel.psac-design-1 .psac-post-image-bg{height:400px;}

103.psac-post-carousel.psac-design-1 .psac-post-image-bg::before{content:""; opacity:0.8;background: -webkit-linear-gradient(bottom,transparent,#000);

104background: -o-linear-gradient(bottom,transparent,#000);

105background: -moz-linear-gradient(bottom,transparent,#000);

106background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(#000));

107background: -webkit-linear-gradient(top,transparent,#000);

108background: -o-linear-gradient(top,transparent,#000);

109background: linear-gradient(to bottom,transparent,#000);

110position: absolute;top: 0;left: 0;right: 0;bottom: 0;-webkit-transition: all .3s linear;-o-transition: all .3s linear;transition: all .3s linear;}

111.psac-post-carousel.psac-design-1 .psac-post-carousel-content{position:absolute; bottom:0; padding:20px; text-align:center; z-index:2; left:0; right:0;}

112.psac-post-carousel.psac-design-1 .psac-post-carousel-content a{color:#fff;}

113.psac-post-carousel.psac-design-1 .psac-post-carousel-content .psac-post-meta{margin-bottom:0px; color:#fff;}

114.psac-post-carousel.psac-design-1 .psac-post-content{margin-top:15px;}

115.psac-post-carousel.psac-design-1 .psac-post-content,

116.psac-post-carousel.psac-design-1 .psac-post-tags{text-align:center;}

117.psac-post-carousel.psac-design-1 .psac-post-title{font-size:24px; line-height: 30px;}

118

119/******************Carousel psac-design-2********************/

120.psac-post-carousel.psac-design-2 .psac-post-title{font-size:24px; line-height: 30px;}

121.psac-post-carousel.psac-design-2 .psac-post-image-bg{height:250px;}

122.psac-post-carousel.psac-design-2 .psac-post-carousel-content{border:2px solid #ddd; text-align:center;-webkit-transition: all .3s linear;-o-transition: all .3s linear;transition: all .3s linear; }

123.psac-post-carousel.psac-design-2 .psac-post-margin-content{padding:15px;}

124.psac-post-carousel.psac-design-2 .psac-post-carousel-slide:hover .psac-post-carousel-content{border-color:#03a9f5; }

125

126/******************Widget Css********************/

127.psac-vticker-scrolling-wdgt{visibility: hidden; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: opacity 0.5s linear; transition:opacity 0.5s linear; height:

300;}

128.inf-vticker-initialized{visibility: visible !important; opacity:1 !important;}

129.psac-post-left-img img{max-width:100%;}

130.psac-widget-wrp ul{margin:0 !important; padding:0px !important;}

131.psac-widget-wrp ul li{list-style: none !important;}

132.psac-vticker-scrolling-wdgt ul li:before,

133.psac-vticker-scrolling-wdgt ul li:after{content:none !important; padding:0px !important; margin:0px !important;}

134.psac-widget-wrp .psac-post-list-content{padding:15px 0;}

135.psac-widget-wrp .psac-post-left-img{width:33%;float:left;}

136.psac-widget-wrp .psac-post-right-content{float:left; width:67%; padding-left:15px;}

137.psac-widget-wrp .psac-post-categories a{text-decoration:none !important; font-size:11px; text-transform:capitalize; padding: 3px 3px;}

138.psac-widget-wrp .psac-post-categories{margin-bottom:8px;}

139.psac-widget-wrp h4.psac-post-title{margin: 0 0 8px 0 !important}

140.psac-widget-wrp .psac-post-full-content{width:100%;}

141

142.psac-column,

143.psac-columns{ width:100%; float:left; position: relative;}

144@media only screen and (min-width: 40.0625em) {

145 .psac-column,

146 .psac-columns {position:relative; float: left;}

147 .psac-col-2{width: 50%;}

148

149}

150@media only screen and (max-width: 40em) {

151 .psac-post-slider.psac-design-2 .psac-post-slides{display:block;}

152 .psac-post-slider.psac-design-2 .psac-post-left .psac-post-overlay{padding: 20px 40px 20px 20px;}

153}