.slider-section, .bx-wrapper { direction: ltr; } /*font awesome*/ .fa-angle-left::before { content: "\f105"; } .fa-angle-right::before { content: "\f104"; } .fa-angle-double-right::before { content: "\f100"; } html{ font-family : sans-serif; -ms-text-size-adjust : 100%; -webkit-text-size-adjust : 100% } body{ margin : 0; -ms-word-wrap: break-word; word-wrap: break-word; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary{ display : block } audio, canvas, progress, video{ display : inline-block; vertical-align : baseline } audio:not([controls]){ display : none; height : 0 } [hidden],template{ display : none } a{ background : transparent } a:active,a:hover{ outline : 0 } abbr[title]{ border-bottom : 1px dotted } b,strong{ font-weight : bold } dfn{ font-style : italic } mark{ color : #2d2d2d } small{ font-size : 80% } sub, sup{ font-size : 75%; line-height : 0; position : relative; vertical-align : baseline; } sup{ top : -0.5em } sub{ bottom : -0.25em } img{ border : 0; max-width : 100%; height : auto; } svg:not(:root){ overflow : hidden } figure{ margin : 1em 40px } hr{ -moz-box-sizing : content-box; box-sizing : content-box; height : 0; } pre{ overflow:auto; } code, kbd, pre, samp{ font-family : monospace, monospace; font-size : 1em; } button,input,optgroup,select,textarea{ color : inherit; font : inherit; margin : 0; } button{ overflow : visible } button,select{ text-transform : none } button,html input[type="button"], input[type="reset"], input[type="submit"]{ -webkit-appearance : button; cursor : pointer; } button[disabled], html input[disabled]{ cursor : default } button::-moz-focus-inner, input::-moz-focus-inner{ border : 0; padding : 0 } input{ line-height:normal; max-width: 100%; } input[type="checkbox"],input[type="radio"]{ box-sizing:border-box; padding:0 } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button{ height:auto } input[type="search"]{ -webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{ -webkit-appearance:none } fieldset{ border:1px solid #c0c0c0; margin:0 2px; padding:0.35em 0.625em 0.75em } legend{ border:0;padding:0 } textarea{ overflow:auto } optgroup{ font-weight:bold } table{ border-collapse:collapse; border-spacing:0 } td,th{ padding:0 } blockquote:before { content: "\201C"; display: block; font-size: 30px; height: 0; right: -20px; position: relative; top: -10px; } blockquote{ border-right: none; font-size: 16px; font-style: italic; color: #888888; display: block; } /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ body { color: #2D2D2D; font-family: 'Lato', sans-serif; font-size: 14px; line-height: 22px; } /*font family*/ .besides-slider .beside-caption, .main-navigation li, .date-display, .site-description, .slider-section, .comment-reply-title, .comments-title, .comment-form .form-submit input, .read-more, .slicknav_nav li a, .widget-title, .page-header .page-title, .single .entry-header .entry-title, h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a, .site-title { font-family: "Oswald", sans-serif; letter-spacing: 0.2em; text-transform: uppercase; line-height: 30px; } #page{ width: 1230px; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#2D2D2D)";/*IE 8*/ -moz-box-shadow: 0px 0px 12px #2D2D2D;/*FF 3.5+*/ -webkit-box-shadow: 0px 0px 12px #2D2D2D;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/ box-shadow: 0px 0px 12px #2D2D2D;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#2D2D2D); /*IE 5.5-7*/ background: #ffffff; margin: 0 auto; } .boxed-layout #page { width: 1050px; } .wrapper { background: #ffffff; margin:0 auto; } .text-center{ text-align: center; } a{ color:#8c919b; text-decoration: none; transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; } p{ margin: 0 0 16px; } h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a{ font-weight: 700; line-height: 1.6; margin: 0 0 16px; color: #000000; } h1{ font-size: 26px; } h2{ font-size: 20px; } h3{ font-size: 18px; } h4{ font-size: 16px; } h5{ font-size: 14px; } h6{ font-size: 12px; } ul{ margin: 0; padding: 0; } figure{ margin: 0; } i.fa{ margin-left: 5px; } /* Large desktop */ @media (max-width: 1229px) { *{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} a[href^=tel] { /* css */ color:inherit; text-decoration: inherit; font-size:inherit; font-style:inherit; font-weight:inherit; } #page,.boxed-layout #page{ width: 100%; } .wrapper{ width: 980px; } } /* Portrait tablet to landscape and desktop */ @media screen and (max-width:992px){ .wrapper{ padding:0 5px; width: 740px ; } } /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ .main-navigation ul { list-style: none; margin: 0; padding-right: 0; } .main-navigation #menu-main-menu > li:first-child{ border-right: none; } .main-navigation li { -moz-border-bottom-colors: none; -moz-border-right-colors: none; -moz-border-left-colors: none; -moz-border-top-colors: none; border-color: #222222; border-image: none; border-style: solid; border-width: 0 1px 0 0; display: inline-block; float: right; font-size: 18px; height: 42px; position: relative; } .main-navigation li:first-child{ border-right: none; } .main-navigation ul ul { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); float: right; position: absolute; top: 1.5em; right: -999em; z-index: 99999; } .main-navigation ul ul ul { right: -999em; top: 0; } .main-navigation ul ul a { width: 250px; } .main-navigation ul li:hover > ul { right: auto; } .main-navigation ul ul li:hover > ul { right: 100%; } .site-main .comment-navigation, .site-main .paging-navigation, .site-main .post-navigation { margin: 0 0 1.5em; overflow: hidden; } .comment-navigation .nav-previous, .paging-navigation .nav-previous, .post-navigation .nav-previous { float: right; width: 50%; } .comment-navigation .nav-next, .paging-navigation .nav-next, .post-navigation .nav-next { float: left; text-align: left; width: 50%; } /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; display: block; font-size: 14px; font-weight: bold; height: auto; right: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: right; margin-left: 1.5em; } .alignright { display: inline; float: left; margin-right: 1.5em; } .aligncenter { clear: both; display: block; margin-right: auto; margin-left: auto; } /*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/ .clear{ clear:both; } .clearfix:after, .clearfix:before{ display:table; content:""} .clearfix:after{ clear:both} .clearfix{*zoom:1} *{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget { margin: 0 0 1.5em; } /* Search widget. */ .widget_search .search-submit { display: none; } .widget_search{ position: relative; width: 100%; } /*** CALENDER ***/ #calendar_wrap #wp-calendar { width: 100%; } #calendar_wrap #wp-calendar caption { font-size: 13px; font-weight: 700; padding: 15px 0; text-align: center; text-transform: uppercase; } #calendar_wrap table, #calendar_wrap th, #calendar_wrap td, #calendar_wrap tr { border: 1px solid rgba(0, 0, 0, 0.03); border-collapse: collapse; padding: 3px; } #calendar_wrap #wp-calendar th, #calendar_wrap #wp-calendar td { border: 1px solid rgba(0, 0, 0, 0.03); text-align: center; } #calendar_wrap th { background: rgba(0, 0, 0, 0.03); line-height: 20px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05); } #calendar_wrap #wp-calendar #today, #calendar_wrap #wp-calendar #today a { color: #ffffff; } /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ .sticky { display: block; } .hentry { margin: 0 0 1.5em; } .updated:not(.published) { display: none; } .single .byline, .group-blog .byline { display: inline-block; } .page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; } .entry-content ul, .entry-content ol{ margin-bottom: 25px; padding: 0 25px 0 0; } .page-links { clear: both; margin: 0 0 1.5em; } /*-------------------------------------------------------------- ## Post Formats --------------------------------------------------------------*/ .format-aside .entry-title, .format-image .entry-title, .format-video .entry-title, .format-quote .entry-title, .format-gallery .entry-title, .format-status .entry-title, .format-link .entry-title, .format-audio .entry-title, .format-chat .entry-title { font-size: 30px; } .blog .format-status .entry-title, .archive .format-status .entry-title { display: none; } .blog .format-aside .entry-title, .archive .format-aside .entry-title { display: none; } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comment-reply-title, .comments-title{ border-bottom: 1px solid #d9d9d9; font-size: 16px; font-weight: 500; line-height: 48px; margin-bottom: 15px; position: relative; } .comment-form input { border: 1px solid #d9d9d9; color: #b8b8b8; font-size: 14px; padding: 10px; width: 313px; } .comment-form-author input, .comment-form-email input{ float:right; margin: 0 0 16px; } .comment-form-author input{ margin: 0 0 16px 29px; } .comment-form-url input{ clear:both; width:655px; } .comment-form textarea{ width:77%; display: block; border: 1px solid #d9d9d9; resize:none; color: #b8b8b8; font-size: 14px; padding: 10px; } .comment-form .form-submit input, .read-more{ color: #ffffff; font-size: 13px; font-weight: 700; text-align: center; line-height: 26px; padding:4px 10px; width:auto; transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; } .comment-form .form-submit input:hover, .read-more:hover{ border: 2px solid #2d2d2d; } .read-more{ border: 1px solid #ffffff; } .comment-list{ margin: 0 0 20px 0; } .comment-list li { color: #2d2d2d; font-size: 13px; list-style-type: none; clear: both; padding: 0 0 20px; border-bottom:1px solid #e5e5e5; margin: 0 0 20px; } .comment-author img { float: right; margin: 0 0 0 20px; border-radius: 50%; } .comment-list .fn { font-size: 16px; font-style: normal; font-weight: 700; color: #000000; } .comment-list .fa.fa-clock-o { font-size: 14px; margin-left: 3px; } .bypostauthor { display: block; } @media screen and (max-width:679px){ .comment-form input, .comment-form-url input, .comment-form textarea{ width: 100%; } } /*-------------------------------------------------------------- # Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */ .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0 auto; } .wp-caption-text { text-align: center; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; padding: 2px; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } /*------------------------------------------------------*\ #Custom CSS \*--------------------------------------------------------*/ /*-----------------*\ #HEADER \*-----------------*/ .header-container{ margin-top: 10px; } /*Date*/ .date-display{ margin:0.67em 0; } .date-display, .site-description{ font-style: normal; font-weight: 400; color: #8c919b; } .acme-search-block{ float: right; text-align: left; width: 76%; } /***** SOCIALS *****/ .socials{ display: inline-block; font-size: 18px; margin : 0.67em 0; } /***** LOGO & ADDS *****/ .site-title{ font-size:2.5em; font-weight: bold; color: #000000; line-height: 1.6; margin: 0 0 16px; } .site-title:hover, .site-title a:hover{ color: #2d2d2d; } .site-description{ font-size: 20px; } .site-branding{ padding: 22px; } .site-logo { width: 31%; text-align: center; margin: 0 auto; } .right-header{ text-align: left; } .right-header .search-block{ display: none; } .acme-toggle-search{ color: #8c919b; font-size: 20px; height: 25px; width: 25px; margin: 13px 0; cursor: pointer; float: left; } .search-block input.menu-search, .widget_search input.menu-search{ font-size: 13px; line-height: 31px; height: 31px; padding: 2px 8px 2px 23px; width: 100%; } .widget_search input.menu-search{ padding: 7px; height: 40px; } .searchsubmit{ color: #8c919b; } .search-block #searchsubmit, .widget_search #searchsubmit{ background: rgba(0, 0, 0, 0); border: medium none; font-size: 20px; height: 25px; position: absolute; left: 7px; top: 3px; width: 25px; } .widget_search #searchsubmit{ top: 7px; } /***** HEADER-MENU *****/ .slicknav_nav, .responsive-slick-menu{ display: none; } .header-wrapper #site-navigation{ border-top: 1px solid #393939; box-shadow: 1px -5px 0 -1px #393939 inset; margin: 0 auto; min-height: 60px; padding: 4px 0; position: relative; } .header-wrapper .header-main-menu .menu{ position: absolute; } .header-wrapper .menu li a { color: #000000; display: block; font-weight: normal; line-height: 48px; padding: 0 15px; position: relative; } .header-wrapper .menu li ul a{ line-height: 40px; } .acmethemes-nav ul li.menu-item-has-children::after { -moz-border-bottom-colors: none; -moz-border-right-colors: none; -moz-border-left-colors: none; -moz-border-top-colors: none; border-color: #BBBBBB transparent transparent; border-style: solid; border-width: 4px; content: ""; display: inline-block; height: 0; position: absolute; left: 3px; top: 55%; width: 0; border-top-color: #dddddd; } .search-block{ display: inline-block; float: left; margin: 7px 0; position:relative; width: 185px; } .error404 #primary .page-content .search-block, .search-no-results #primary .page-content .search-block { float: none; width: 50%; } /*** SUB-MENU ***/ .header-wrapper .main-navigation ul ul.sub-menu li{ float: none; border: none; box-shadow: 0 3px 5px 0 #545454; } .header-wrapper .main-navigation ul ul.sub-menu { top: 48px; } .header-wrapper .main-navigation ul ul ul.sub-menu { top: 0; } .header-wrapper ul.sub-menu li a{ font-size: 14px; border-top: none; padding-top: 2px; background: #ffffff; margin-top: 7px; } .header-wrapper .acmethemes-nav{ float: right; } /* Large desktop */ @media (max-width: 1229px) { /*** HEADER ***/ .header-wrapper .menu li a{ padding:0 18px; } } /* Portrait tablet to landscape and desktop */ @media screen and (min-width:992px){ .date-display, .right-header{ padding-top: 32px; } .right-header.acme-col-3{ float: left; } } @media screen and (max-width:992px){ /*** HEADER ***/ .header-main-menu { height: 48px; } .header-container .acme-col-3{ text-align: center; width: 100%; } .acme-search-block { padding-left: 15px; width: 49%; } .socials{ float: right; } .slicknav_nav, .responsive-slick-menu{ display: block; } .header-wrapper .header-main-menu .menu{ display: none; } .responsive-slick-menu{ color:#ffffff; } .slicknav_btn:before { background:#ffffff; box-shadow: 0 6px 0 0 #ffffff, 0 12px 0 0 #ffffff; content: ""; height: 3px; right: 3px; position: absolute; top: 6px; width: 22px; } .slicknav_btn { background: #2D2D2D; background-position: center center; border: 1px solid #ffffff; border-radius: 4px; color: transparent; cursor: pointer; display: block; float: left; font: 0px/0 a; height: 28px; left: 0; position: absolute; text-decoration: none; text-shadow: none; top:8px; width: 30px; } .slicknav_nav li{ border-top: 1px solid #383838; display: block; padding: 0 12px; width: 100%; } .slicknav_nav li a{ color:#000000; display: inline-block; font-size: 14px; font-weight: 500; line-height:40px; } .header-wrapper ul.sub-menu ul.sub-menu{ border-top: 1px solid #ffffff; } .header-wrapper ul.sub-menu li a{ margin-top: 0; background: none; border: none; } .header-wrapper .main-navigation .slicknav_nav ul.sub-menu { background: #ffffff; right: 0; position: relative; top: 0; width: 100%; } .header-wrapper .slicknav_item.slicknav_row{ width: 100%; } .header-wrapper .menu-right .slicknav_btn{ right: auto; left: 10px; } .main-navigation ul ul a { width: auto; } .header-wrapper .main-navigation ul ul.sub-menu li{ border-bottom: none; clear:both; } } /* Landscape phone to portrait tablet */ @media screen and (max-width:767px){ /*** HEADER ***/ .acme-search-block, .socials{ width: 100%; text-align: center; } .acme-toggle-search{ float: none; } .search-block{ width: 100%; } /*text align center*/ body{ text-align: center; } .bx-controls{ text-align: right; } } /* Landscape phones and down */ @media screen and (max-width:639px){ /*** HEADER ***/ .date-display.site-logo{ margin: 0 0 20px 10px; } } /*-----------------*\ #FOOTER \*-----------------*/ /*** COMMON FOOTER CSS ***/ .footer-wrapper,.footer-copyright{ background: #2D2D2D; color: #ababab; } .footer-wrapper a{ color: #ffffff; } .footer-wrapper .border{ padding: 20px 0; } .footer-wrapper .widget-title{ color: #000; } .acmeblog-footer-widget-box { margin: 0 auto; padding: 25px; } .footer-wrapper h1, .footer-wrapper h2, .footer-wrapper h3, .footer-wrapper h4, .footer-wrapper h5, .footer-wrapper h6, .footer-wrapper p, .footer-wrapper a, .footer-wrapper .widget li a { color: #ffffff; } /***************************************/ /* Portrait tablet to landscape and desktop */ @media screen and (max-width:992px){ /*** FOOTER ***/ .footer-wrapper{ padding: 30px 0 0; } } /* CONTENT*/ .content-wrapper{ padding: 20px; } /* Large desktop */ @media (max-width: 1229px) { .content-wrapper{ padding-top: 13px !important; } } /* Landscape phone to portrait tablet */ @media screen and (max-width:767px){ .wrapper{ width: 98%; } } /*SLIDER AND FEATURED SECTION*/ .slider-feature-wrap{ margin-bottom: 17px; } .boxed-layout .slider-feature-wrap{ margin-bottom: 0; } .home-bxslider{ display: none; } .home-bxslider .cat-links { right: 0; position: absolute; z-index: 1; } .slider-section { float: right; overflow: hidden; position: relative; width: 67% } .has_not_beside_sidebar .slider-section{ width: 100%; } .slider-section .bx-wrapper .bx-viewport{ background: none; border: none; box-shadow: none; right:0; } .slider-section .bx-wrapper li{ overflow: hidden; } .slider-section .bx-wrapper img{ float: right; transition: all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s; -moz-transition:all 0.5s ease-in-out 0s; width: 100%; max-height: 394px; } .has_not_beside_sidebar .slider-section .bx-wrapper img{ max-height: unset; } .slider-section .bx-wrapper img:hover{ transform: scale(1.1); } .slider-section .slider-desc { background: rgba(0, 0, 0, 0.4); top: 0; bottom: 0; right: 0; left: 0; margin: auto; position: absolute; width: 70%; height: 45%; text-align: center; max-height: 180px; } .slider-section .slide-title, .besides-slider .post-title a{ color: #ffffff; font-size: 20px; line-height: 24px; font-weight: 700; margin-bottom: 20px; } .slider-section .slide-caption{ font-size: 14px; line-height: 22px; color: #ffffff; text-align: center; } .slider-section .read-more{ margin-top: 10px; } .slider-section .slider-details, .slider-section .above-slider-details{ padding: 15px; } .slider-section .above-slider-details, .slider-section .cat-links a { color: #ffffff; display: inline-block; font-size: 11px; padding: 4px 11px; } .slider-section .cat-links a:hover { color: #2d2d2d; } .slider-section .above-slider-details{ background: none; padding-right: 0; } .slider-feature-wrap a{ color: #ffffff; } .slider-section .above-slider-details i{ margin: 9px; } .slider-section .bx-controls-direction a{ background: rgba(0, 0, 0, 0.4); display: inline-block; font-size: 39px; height: 40px; text-shadow: none; width: 40px; text-align: center; position: absolute; top: 50%; } .slider-section .bx-controls-direction a.bx-next{ background-position: -38px 0; margin-left: 25px; padding-right: 10px; float: left; } /*featured right slider*/ .besides-slider{ float: left; width: 31%; } .besides-slider .beside-post{ float: right; position: relative; } .boxed-layout .besides-slider .beside-post{ margin-bottom: 17px; } .besides-slider .beside-thumb{ margin: 0; overflow: hidden; position: relative; } .besides-slider .overlay{ background: rgba(0, 0, 0, 0.2); height: 100%; right: 0; position: absolute; top:0; width: 100%; } .besides-slider .beside-post:hover .overlay{ background: rgba(0, 0, 0, 0); } .besides-slider .beside-thumb img{ float: right; transition: all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s; -moz-transition:all 0.5s ease-in-out 0s; width: 100%; } .besides-slider .beside-caption{ color: #ffffff; bottom: 25%; right: 15%; padding-bottom: 24px; position: absolute; width: 70%; text-align: center; } .besides-slider .beside-caption .post-title{ line-height: 18px; margin: 0; } .besides-slider .beside-caption .post-date{ font-size: 12px; line-height: 24px; } .besides-slider .beside-caption .post-date i{ font-size: 11px; margin-right: 5px; margin-left: 4px } /* Portrait tablet to landscape and desktop */ @media screen and (max-width:992px){ /*** SLIDER ***/ .slider-section .slide-caption { display: none; } .beside-caption .post-date, .slider-desc .cat-links{ display: none; } } /* Landscape phone to portrait tablet */ @media screen and (max-width:767px){ /*** SLIDER ***/ .slider-section .slider-desc { height: 45%!important; } .slider-section, .besides-slider{ width: 100%; } .besides-slider .beside-post { margin: 5px 0 15px; width: 50%; padding: 5px; } } /* Landscape phones and down */ @media screen and (max-width:640px){ /*** SLIDER ***/ .slider-section .slider-desc { height: 45%!important; } .slider-section { width: 100%; } .besides-slider .beside-caption .post-title{ display: none; } .slider-section .above-slider-details{ display: none; } } @media screen and (max-width:480px){ /*** SLIDER ***/ .slider-section .slider-desc { height: 30%!important; } .home-bxslider .cat-links { display: none; } .slider-section .slide-title{ display: none; } } /***** Sidebars *****/ #primary{ width: 70%; } .secondary-sidebar{ width: 28%; } /*** RIGHT-SIDEBAR ***/ .right-sidebar #primary{ float: right; } .right-sidebar .secondary-sidebar{ float: left; } /*** LEFT-SIDEBAR ***/ .left-sidebar #primary{ float: left; } .left-sidebar .secondary-sidebar{ float: right; } /*** NO-SIDEBAR ***/ .no-sidebar #primary{ width: 100%; } /*** BOTH-SIDEBAR ***/ .both-sidebar #primary-wrap{ float: right; width: 73%; } .both-sidebar #primary-wrap #secondary-left{ float: right; width: 32%; } .both-sidebar #primary-wrap #primary{ float: left; width: 65%; } .both-sidebar #secondary-right{ float: left; width:25%; } /*middle column*/ .middle-col{ overflow-x: hidden; } .middle-col #primary { float: none; margin: 0 auto; width: 70%; padding-bottom: 40px; } /*** COMMON WIDGETS ***/ .page-header .page-title, .single .entry-header .entry-title{ font-size:20px; font-weight: 500; line-height: 24px; margin-bottom: 15px; padding: 12px 0; position: relative; } .page-header .page-title:before, .single .entry-header .entry-title:before{ bottom: 0; content: ''; display: inline-block; right: 0; position: absolute; width: 50%; } .widget-title, .widgettitle { background: #EEEEEF; font-size: 18px; padding: 12px 15px; } .widget-title span{ display: block; } .widget .search-block{ width: 85%; margin-bottom: 40px; float: none; } .widget li { border-top: 1px solid #d7d7d7; display: block; padding-bottom: 5px; padding-top: 5px; } .widget li a { color: #2d2d2d; } .widget select { background: #ffffff; border: 1px solid #cccccc; max-width: 100%; padding: 8px 15px; } /*tags*/ .tagcloud a { display: inline-block; font-size: 13px !important; margin-bottom: 8px; margin-left: 4px; padding: 5px; } /*author*/ .acmeblog-author-widget{ text-align: center; } .acmeblog-author-widget img{ border-radius: 50%; margin: 0 auto; } /* Landscape phone to portrait tablet */ @media screen and (max-width:767px){ /*** SIDEBAR ***/ #primary, .both-sidebar #primary, .middle-col #primary, .both-sidebar #primary-wrap #primary, .left-sidebar #primary{ margin:0 0 20px; width: 100%; } .secondary-sidebar, .both-sidebar #primary-wrap, .both-sidebar #primary-wrap #secondary-left, .both-sidebar #secondary-right, .middle-col .secondary-sidebar, .right-sidebar .secondary-sidebar, .left-sidebar .secondary-sidebar, .no-sidebar .secondary-sidebar{ clear: both; float: none; margin:0 0 20px; width: 100%; } } /* column*/ .acme-col-3 { float: right; width: 33.33%; } /* Landscape phones and down */ @media screen and (max-width:481px){ .acme-col-3{ width: 100%; } } /*** Featured/Recent post widgets ***/ /*Featured widgets */ .above-entry-meta a{ margin-left: 4px; } .featured-desc .above-entry-meta{ color: #ffffff; display: inline-block; font-size: 11px; margin-bottom: 2px; padding: 0 6px; border-radius: 4px; } .featured-desc .above-entry-meta{ background: none; color: #2d2d2d; padding-right: 0; display: inline; } .featured-desc .above-entry-meta span{ display: inline-block; } .featured-entries-col .acme-col-3 { padding: 5px; overflow: hidden; } .featured-entries-col .acme-col-3 .widget-image { width: 100%; } /* Portrait tablet to landscape and desktop */ @media screen and (max-width:510px){ .featured-entries li .widget-image { width: 100%!important; } } /*Inner Pages*/ .single-thumb-full { width:100%; } .posted-on, .cat-links, .comments-link, .edit-link { margin-left: 15px; display: inline-block; } .posted-on a, .cat-links a, .comments-link a, .edit-link a, .tags-links a, .byline a, .nav-links a{ color: #2d2d2d; font-size: 13px; } .single .single-feat{ display: inline-block; float: right; max-width: 44%; padding-left: 15px; } .single.single-large-image .single-feat{ float: none; clear: both; display: block; padding: 0; } .single .entry-content{ line-height:22px; padding:0 0 10px 0; } .single article.post .entry-content{ width: auto; padding: 0; } /*** Single-LARGE-IMAGE ***/ .single.single-large-image article.post .single-feat { margin: 0 0 20px 0; width: 100%; max-width: 100%; } .single.single-large-image article.post .single-thumb{ float: none; margin-bottom: 15px; text-align: center; width: 100%; } .single.single-large-image .single-thumb{ display: inline-block; line-height: 0; overflow: hidden; } .single.single-large-image .entry-content{ width: 100%; padding:0; } article.post .entry-footer { clear: both; } article.post .entry-header { margin: 0 0 10px; } article.post .entry-header .entry-title { margin: 0 0 10px; } article.post .entry-content { margin: 0; } article.post .post-thumb { float: right; margin-left: 10px; width: auto; max-width: 44%; } article.post{ border-bottom : 1px solid #e5e5e5; padding: 0 0 10px; } article.post.sticky{ padding: 8px; } .comments-link, .edit-link{ border-right: 1px solid #cccccc; margin-right: 12px; padding-right: 10px; } /*** BLOG-LARGE-IMAGE ***/ .blog-large-image article.post .post-thumb{ margin: 0 0 20px 0; width: 100%; } .blog-large-image article.post .post-thumb { float: none; margin-bottom: 15px; text-align: center; width: 100%; max-width: 100%; } .blog-large-image .post-thumb > a { display: inline-block; line-height: 0; overflow: hidden; } .blog-large-image article.post .entry-content{ width: 100%; padding:0; } /*archive pages*/ .nav-links div { display: inline-block; margin-bottom: 10px; } .nav-next { float: left; } .nav-previous > a::before, .nav-next a::after { content: "\f100"; font-family: fontawesome; padding: 5px; } .nav-next a::after { content: "\f101"; } .nav-links .nav-previous a, .nav-links .nav-next a { border: 1px solid #e5e5e5; border-radius: 2px; display: inline-block; font-size: 14px; padding: 6px; position: relative; } /*BLOG TYPES*/ /*** BLOG-no-image ***/ .blog-no-image article .entry-content{ padding:0 0 0 2%; } /*** ERROR404 ***/ .error404 #primary{ text-align: center; width: 100%; } .error404 #primary .not-found{ min-height: 400px; padding-top: 100px; } /*Contact Us*/ .wpcf7-form input , .wpcf7-form .your-message textarea { background: #f2f2f2; border: 1px solid #dddddd; outline: medium none; padding: 10px; width: 100%; box-sizing:border-box; -webkit-box-sizing:border-box; } .wpcf7-form input.wpcf7-submit { font-size: 15px; background: none; font-weight: 700; width: 122px; text-transform: uppercase; transition:0.5s ease-in-out; } .wpcf7-form input.wpcf7-submit:hover{ color: #ffffff; } /*breadcrumbs*/ .breadcrumb { color: #ffffff; float: right; padding: 5px 10px; position: relative; } .breadcrumb::after { border-bottom: 5px solid transparent; border-top: 5px solid transparent; border-right:5px solid; content: ""; height: 0; margin-top: -3px; position: absolute; left: -5px; top: 50%; width: 0; } .breadcrumbs{ margin-bottom: 20px; } #acmeblog-breadcrumbs{ background: #eeeeef; padding: 0; } #acmeblog-breadcrumbs .breadcrumb-trail li { display: block; float: right; list-style: outside none none; padding: 5px 10px 5px 0; } #acmeblog-breadcrumbs a:hover{ text-decoration: underline; } #acmeblog-breadcrumbs .breadcrumb-trail li.trail-item.trail-end::after { display: none; } #acmeblog-breadcrumbs .breadcrumb-trail li::after { color: #ddd; content: "\f105"; font-family: FontAwesome; margin-right: 10px; } #acmeblog-breadcrumbs .breadcrumb-trail .trail-items { margin: 0; padding: 0; } /*default content style*/ .acme-default.menu{ color: #ffffff; padding: 10px } .acme-default.beside-caption, .acme-default.post-title{ color: #2D2D2D; }