/* --------------------------------------------------- Styles for Mobile Devices --------------------------------------------------- */ /* 1300px - 1700px (devices and browsers) */ @media only screen and (min-width: 1370px) and (max-width: 1740px) { /*----------------------------------------------------------------------------- ----------------------------- 1 - Layout -------------------------------------- -----------------------------------------------------------------------------*/ .home-content { width: 1320px !important; height: auto; margin: 60px auto 100px auto; } /*----------------------------------------------------------------------------- ----------------------------- 3 - Home Content -------------------------------- -----------------------------------------------------------------------------*/ ul.modern-articles { width: auto; height: auto; margin-left: -15px; } } /* 1350px (devices and browsers) */ @media only screen and (min-width: 1330px) and (max-width: 1369px) { /*----------------------------------------------------------------------------- ----------------------------- 1 - Layout -------------------------------------- -----------------------------------------------------------------------------*/ /* - Layout content - */ .home-content { width: 1320px !important; height: auto; margin: 60px auto 100px auto; } .border-fullwidth { border: 10px solid #000; border-top: none; } .wrap-fullwidth-bg { width: 1260px; } /*----------------------------------------------------------------------------- ----------------------------- 2 - Header -------------------------------------- -----------------------------------------------------------------------------*/ /* -- Featured Big Image & Video -- */ .wrap-featured { width: 100%; margin: -60px 0 0 -10px; border-right: 10px solid; } .warp-border { width: 10px; } .wrap-border-bottom { height: 10px; } /*----------------------------------------------------------------------------- ----------------------------- 3 - Home Content -------------------------------- -----------------------------------------------------------------------------*/ ul.featured-slider { border-right: 10px solid; border-left: 10px solid; } ul.random-slider { border-right: 10px solid; border-left: 10px solid; } ul.modern-articles { width: auto; height: auto; margin-left: -18px; } /* -- Index file Title -- */ h3.index-title { margin: 0 0 10px 35px; } } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 1004px) and (max-width: 1329px) { /*----------------------------------------------------------------------------- ----------------------------- 1 - Layout -------------------------------------- -----------------------------------------------------------------------------*/ /* - Header - */ header div.wrap { width: 980px; } .main-menu { background-color: #000;} /* - Layout content - */ .wrap-fullwidth { width: 980px; } .wrap-fullwidth-bg { width: 980px; } /* - Home layout - */ .home-content { width: 980px !important; } .border-fullwidth { border: none;} /* - page-content - */ .wrap-middle { width: 980px; } .home-middle { width: 980px; } .wrap-content { width: 980px; } /* - single-content - */ .articles-content { width: 628px; } .single-content { width: 578px; } /*----------------------------------------------------------------------------- ----------------------------- 2 - Header -------------------------------------- -----------------------------------------------------------------------------*/ /* -- Top social icons -- */ .top-social li { display: none;} ul.top-social li.search { display: block;} /* -- Featured Big Image & Video -- */ .wrap-featured { width: 100%; margin: -60px 0 0 0; border-right: none; } .warp-border { display: none;} .wrap-border-bottom { height: 10px;} /*----------------------------------------------------------------------------- ----------------------------- 3 - Home Content -------------------------------- -----------------------------------------------------------------------------*/ /* ##### Modern Articles ############# ################################### */ ul.featured-slider { border: none; } ul.modern-articles { width: auto; height: auto; margin-left: 30px; } /* -- Home Share -- */ .home-share { opacity: 1; } /* -- Index file Title -- */ h3.index-title { margin: 0 0 10px 80px; } /*----------------------------------------------------------------------------- ----------------------------- 4 - Entry Content ------------------------------- -----------------------------------------------------------------------------*/ /* -- About Home -- */ .about-home { width: 850px; height: auto; margin: 100px auto 60px auto; } /* -- Entry content style -- */ .entry { margin: 0 0 40px 80px;} body.page .entry { margin: 0 40px 40px 40px;} /* - featured img / videos / gallery - 578px */ .single-gallery img { width: 192.6px; height: 192.6px; margin-bottom: -7px; } iframe.single_iframe { height: 380px; } /*----------------------------------------------------------------------------- ----------------------------- 5 - Sidebar & Widgets --------------------------- -----------------------------------------------------------------------------*/ /* -- Instagram -- */ footer ul.instagram-pics { float: left; margin-left: -6px; } footer ul.instagram-pics li { float: left; margin-left: 6px;} footer ul.instagram-pics li img { opacity: 0; max-width: 100%; border-radius: 3px; } footer ul.instagram-pics li img:hover { opacity: 0.7 !important;} footer ul.instagram-size-thumbnail li img { width: 96px;} footer .sidebar .widget:after { content: ''; display: block; clear: both !important; } footer ul.instagram-size-small li img { width: 96px;} /*----------------------------------------------------------------------------- ----------------------------- 6 - Comments Form ------------------------------- -----------------------------------------------------------------------------*/ /* -- Comments -- */ #comments { width: 100%; } /*----------------------------------------------------------------------------- ----------------------------- 8 - Custom Pages -------------------------------- -----------------------------------------------------------------------------*/ /* -- 404 page -- */ #anthemes-404 .middle-404 { max-width: 600px; margin: 0 auto !important;} #anthemes-404 h1 { margin-top: -35px; font-size: 65px; line-height: 60px; padding: 0 0 20px 0;} /*----------------------------------------------------------------------------- ------------------------------ 9 - Footer ------------------------------------- -----------------------------------------------------------------------------*/ /* -- Copyright -- */ .footer-copyright { width: 90%; } ul.random-slider { border: none; padding-top: 10px; } /* -- widgets -- */ footer .widget { padding: 0 10px 20px 10px;} /* -- FeedBurner -- */ footer #newsletter-form input { width:221px;} footer #newsletter-form input.newsletter-btn { width:223px; } } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 760px) and (max-width: 1000px) { /*----------------------------------------------------------------------------- ----------------------------- 1 - Layout -------------------------------------- -----------------------------------------------------------------------------*/ /* - Header - */ header div.wrap { width: 750px; } .main-menu { background-color: #000; position: relative; z-index: 2000;} /* - Layout content - */ .wrap-fullwidth { width: 750px; } .wrap-fullwidth-bg { width: 750px; } /* - Home layout - */ .home-content { width: 750px !important; } .border-fullwidth { border: none;} /* - page-content - */ .wrap-middle { width: 750px; } .home-middle { width: 750px; } .wrap-content { width: 750px; } /* - single-content - */ .articles-content { width: 750px; } .single-content { width: 700px; } /* - sidebar - */ .sidebar { width: 750px; float: left; margin-top: 30px; padding-left: 0px; } .sidebar .widget { width: 300px; margin: 0 auto 25px auto;} .line_widget_col { width: 700px; margin: 0 0 25px 25px;} /*----------------------------------------------------------------------------- ----------------------------- 2 - Header -------------------------------------- -----------------------------------------------------------------------------*/ /* -- Top social icons -- */ ul.top-social { display: none;} /* -- Responsive Menu Styles -- */ #respMenu li.current_page_item a, #respMenu li.current-menu-ancestor a, #respMenu li.current-menu-item a, #respMenu li.current-menu-parent a { background: transparent !important; color: #FFF !important;} .menu-toggle #menu-btn { margin-right: 20px;} .ant-responsive-menu { height: auto; } /* -- Featured Big Image & Video -- */ .wrap-featured { width: 100%; margin: 0 0 0 0; border-right: none; background-attachment: scroll; } .warp-border { display: none;} .wrap-border-bottom { height: 10px;} .featured-video { margin: 180px 50px 0 0px;} /*----------------------------------------------------------------------------- ----------------------------- 3 - Home Content -------------------------------- -----------------------------------------------------------------------------*/ /* -- About Home -- */ .about-home { width: 700px; height: auto; margin: 50px auto 30px auto; } .about-home h1 { margin: -110px 0 0 130px; } ul.featured-slider { border: none; } /* ##### Modern Articles ############# ################################### */ ul.modern-articles { margin-left: -20px; margin-top: 50px; } ul.modern-articles li { float: left; width: 345px; height: auto; margin: 0 0 30px 30px;} ul.modern-articles li img { width: 345px; height: 224px;} ul.modern-articles .ma-left { width: 60px; } ul.modern-articles .ma-right { width: 285px; } ul.modern-articles li iframe { width: 100%; height: 224px; } ul.modern-articles li:nth-child(1), ul.modern-articles li:nth-child(3) { margin-top: 0px; } /* -- Home Share -- */ .home-share { opacity: 1; } /* -- Index file Title -- */ h3.index-title { margin: 0 0 10px 15px; } /*----------------------------------------------------------------------------- ----------------------------- 4 - Entry Content ------------------------------- -----------------------------------------------------------------------------*/ /* -- Entry content style -- */ .entry { margin: 0 0 40px 80px;} /* - featured img / videos / gallery - 578px */ .single-gallery img { width: 175px; height: 175px; margin-bottom: -7px; } /*----------------------------------------------------------------------------- ----------------------------- 5 - Sidebar & Widgets --------------------------- -----------------------------------------------------------------------------*/ /* -- Instagram -- */ footer ul.instagram-pics { float: left; margin-left: -6px; } footer ul.instagram-pics li { float: left; margin-left: 6px;} footer ul.instagram-pics li img { opacity: 0; max-width: 100%; border-radius: 3px; } footer ul.instagram-pics li img:hover { opacity: 0.7 !important;} footer ul.instagram-size-thumbnail li img { width: 96px;} footer .sidebar .widget:after { content: ''; display: block; clear: both !important; } footer ul.instagram-size-small li img { width: 96px;} /*----------------------------------------------------------------------------- ----------------------------- 6 - Comments Form ------------------------------- -----------------------------------------------------------------------------*/ /* -- Comments -- */ #comments { width: 100%; } /*----------------------------------------------------------------------------- ----------------------------- 8 - Custom Pages -------------------------------- -----------------------------------------------------------------------------*/ /* -- 404 page -- */ #anthemes-404 .middle-404 { max-width: 600px; margin: 0 auto !important;} #anthemes-404 h1 { margin-top: -35px; font-size: 65px; line-height: 60px; padding: 0 0 20px 0;} /*----------------------------------------------------------------------------- ------------------------------ 9 - Footer ------------------------------------- -----------------------------------------------------------------------------*/ /* -- Copyright -- */ .footer-copyright { width: 90%; } ul.random-slider { border: none; padding-top: 10px; } /* -- widgets -- */ footer .one_fourth, footer .one_fourth_last { width: 300px; margin: 0 20px;} footer .widget { width: 300px; padding: 0 25px 20px 25px; } /* -- FeedBurner -- */ footer #newsletter-form input { width:251px; margin-left: 30px;} footer #newsletter-form input.newsletter-btn { width:253px; margin-left: 30px; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 580px) and (max-width: 760px) { /*----------------------------------------------------------------------------- ----------------------------- 1 - Layout -------------------------------------- -----------------------------------------------------------------------------*/ /* - Header - */ header div.wrap { width: 570px; } .main-menu { background-color: #000; position: relative; z-index: 2000;} /* - Layout content - */ .wrap-fullwidth { width: 570px; } .wrap-fullwidth-bg { width: 570px; } /* - Home layout - */ .home-content { width: 570px !important; } .border-fullwidth { border: none;} /* - page-content - */ .wrap-middle { width: 570px; } .home-middle { width: 570px; } .wrap-content { width: 570px; } /* - single-content - */ .articles-content { width: 570px; } .single-content { width: 520px; } /* - sidebar - */ .sidebar { width: 570px; float: left; margin-top: 30px; padding-left: 0px; } .sidebar .widget { width: 300px; margin: 0 auto 25px auto;} .line_widget_col { width: 520px; margin: 0 0 25px 25px;} /*----------------------------------------------------------------------------- ----------------------------- 2 - Header -------------------------------------- -----------------------------------------------------------------------------*/ /* -- Top social icons -- */ ul.top-social { display: none; } /* -- Responsive Menu Styles -- */ #respMenu li.current_page_item a, #respMenu li.current-menu-ancestor a, #respMenu li.current-menu-item a, #respMenu li.current-menu-parent a { background: transparent !important; color: #FFF !important;} .menu-toggle #menu-btn { margin-right: 20px;} .ant-responsive-menu { height: auto; } /* -- Featured Big Image & Video -- */ .wrap-featured { width: 100%; margin: 0 0 0 0; border-right: none; background-attachment: scroll; } .warp-border { display: none;} .wrap-border-bottom { height: 10px;} .featured-video { margin: 180px 50px 0 0px;} /*----------------------------------------------------------------------------- ----------------------------- 3 - Home Content -------------------------------- -----------------------------------------------------------------------------*/ /* -- About Home -- */ .about-home { width: 570px; height: auto; margin: 50px auto 30px auto; } .about-home h1 { font-size: 20px; line-height: 28px; margin: -95px 0 0 130px; } .about-home h1 span { font-size: 18px; } ul.featured-slider { border: none; } /* ##### Modern Articles ############# ################################### */ ul.modern-articles { margin-left: -18px; margin-top: 50px; } ul.modern-articles li { float: left; width: 255px; height: auto; margin: 0 0 30px 30px;} ul.modern-articles li img { width: 255px; height: 166px;} ul.modern-articles li h2 { font-size: 20px; font-weight: 700; line-height: 28px; } ul.modern-articles .ma-left { width: 60px; } ul.modern-articles .ma-right { width: 195px; } ul.modern-articles li iframe { width: 100%; height: 166px; } ul.modern-articles li:nth-child(1), ul.modern-articles li:nth-child(3) { margin-top: 0px; } /* -- Home Share -- */ .home-share { opacity: 1; } /* -- Index file Title -- */ h3.index-title { margin: 0 0 10px 15px; } /*----------------------------------------------------------------------------- ----------------------------- 4 - Entry Content ------------------------------- -----------------------------------------------------------------------------*/ /* - Top entry - */ iframe.single_iframe { width: 100%; height: 300px;} /* -- Entry content style -- */ .entry { margin: 0 0 40px 80px;} /* - featured img / videos / gallery - 578px */ .single-gallery img { width: 173.3px; height: 173.3px; margin-bottom: -7px; } /*----------------------------------------------------------------------------- ----------------------------- 5 - Sidebar & Widgets --------------------------- -----------------------------------------------------------------------------*/ /* -- Instagram -- */ footer ul.instagram-pics { float: left; margin-left: -6px; } footer ul.instagram-pics li { float: left; margin-left: 6px;} footer ul.instagram-pics li img { opacity: 0; max-width: 100%; border-radius: 3px; } footer ul.instagram-pics li img:hover { opacity: 0.7 !important;} footer ul.instagram-size-thumbnail li img { width: 104px;} footer .sidebar .widget:after { content: ''; display: block; clear: both !important; } footer ul.instagram-size-small li img { width: 104px;} /*----------------------------------------------------------------------------- ----------------------------- 6 - Comments Form ------------------------------- -----------------------------------------------------------------------------*/ /* -- Comments -- */ #comments { width: 100%; } /*----------------------------------------------------------------------------- ----------------------------- 8 - Custom Pages -------------------------------- -----------------------------------------------------------------------------*/ /* -- 404 page -- */ #anthemes-404 .middle-404 { max-width: 500px; margin: 0 auto !important;} #anthemes-404 h1 { margin-top: -35px; font-size: 45px; line-height: 60px; padding: 0 0 20px 0;} #anthemes-404 { width: 100%; min-height: 280px; height: auto; padding: 100px 0 0 0; } /*----------------------------------------------------------------------------- ------------------------------ 9 - Footer ------------------------------------- -----------------------------------------------------------------------------*/ /* -- Copyright -- */ .footer-copyright { width: 90%; } ul.random-slider { border: none; padding-top: 10px; } /* -- widgets -- */ footer .one_fourth, footer .one_fourth_last { width: 220px; margin: 0 20px;} footer .widget { width: 220px; padding: 0 25px 20px 25px; } /* -- FeedBurner -- */ footer #newsletter-form input { width:211px; margin-left: 5px;} footer #newsletter-form input.newsletter-btn { width:213px; margin-left: 5px; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 580px) { /*----------------------------------------------------------------------------- ----------------------------- 1 - Layout -------------------------------------- -----------------------------------------------------------------------------*/ /* - Header - */ header div.wrap { width: 460px; } .main-menu { background-color: #000; position: relative; z-index: 2000;} /* - Layout content - */ .wrap-fullwidth { width: 460px; } .wrap-fullwidth-bg { width: 460px; } /* - Home layout - */ .home-content { width: 460px !important; } .border-fullwidth { border: none;} /* - page-content - */ .wrap-middle { width: 460px; } .home-middle { width: 460px; } .wrap-content { width: 460px; } /* - single-content - */ .articles-content { width: 460px; } .single-content { width: 410px; } /* - sidebar - */ .sidebar { width: 460px; float: left; margin-top: 30px; padding-left: 0px; } .sidebar .widget { width: 300px; margin: 0 auto 25px auto;} .line_widget_col { width: 410px; margin: 0 0 25px 25px;} /*----------------------------------------------------------------------------- ----------------------------- 2 - Header -------------------------------------- -----------------------------------------------------------------------------*/ /* -- Top social icons -- */ ul.top-social { display: none; } /* -- Responsive Menu Styles -- */ #respMenu li.current_page_item a, #respMenu li.current-menu-ancestor a, #respMenu li.current-menu-item a, #respMenu li.current-menu-parent a { background: transparent !important; color: #FFF !important;} .menu-toggle #menu-btn { margin-right: 20px;} .ant-responsive-menu { height: auto; } /* -- Featured Big Image & Video -- */ .wrap-featured { width: 100%; margin: 0 0 0 0; border-right: none; background-attachment: scroll; } .warp-border { display: none;} .wrap-border-bottom { height: 10px;} .featured-video { margin: 180px 35px 0 0px;} /*----------------------------------------------------------------------------- ----------------------------- 3 - Home Content -------------------------------- -----------------------------------------------------------------------------*/ /* -- About Home -- */ .about-home { width: 460px; height: auto; margin: 50px auto 30px auto; } .about-home h1 { font-size: 20px; line-height: 28px; margin: -95px 0 0 130px; } .about-home h1 span { font-size: 18px; } /* ##### Featured Slider home ##### ################################## */ #featured-slider-wrap { height: 300px; } ul.featured-slider { height: 300px; border: none; } ul.featured-slider li { width: 380px; height: 300px;} ul.featured-slider li img { width: 380px; height: 300px;} ul.featured-slider li div.inner-small { margin: -250px auto 0 auto; } /* -- Slider Nav -- */ ul.featured-slider .owl-prev, ul.featured-slider .owl-next { margin-top: -155px !important; } /* ##### Modern Articles ############# ################################### */ ul.modern-articles { margin-left: -18px; margin-top: 50px; } ul.modern-articles li { float: left; width: 200px; height: auto; margin: 0 0 30px 30px;} ul.modern-articles li img { width: 200px; height: 130px;} ul.modern-articles li h2 { font-size: 20px; font-weight: 700; line-height: 28px; } ul.modern-articles .ma-left { width: 60px; } ul.modern-articles .ma-right { width: 140px; } ul.modern-articles li iframe { width: 100%; height: 130px; } ul.modern-articles li:nth-child(1), ul.modern-articles li:nth-child(3) { margin-top: 0px; } /* -- Home Share -- */ .home-share { opacity: 1; } /* -- Index file Title -- */ h3.index-title { margin: 0 0 10px 15px; } /*----------------------------------------------------------------------------- ----------------------------- 4 - Entry Content ------------------------------- -----------------------------------------------------------------------------*/ /* -- Entry Top / Featured Image / Videos -- */ .entry-top { margin: 0 25px } .entry-top .post-data div.link-author { display: none;} .entry-top .post-data i.authorfirst { display: none !important;} /* - Top entry - */ iframe.single_iframe { width: 100%; height: 260px;} /* - title - */ h1.article-title { text-align: center; font-size: 30px; font-weight: 700; line-height: 36px; margin: 10px 0 5px 0; } h1.page-title { font-size: 24px; font-weight: 700; } /* -- Entry content style -- */ .entry { margin: 0 0 40px 80px;} body.page .entry { margin: 0 40px 40px 40px;} /* - featured img / videos / gallery - 578px */ .single-gallery img { width: 136.6px; height: 136.6px; margin-bottom: -7px; } /*----------------------------------------------------------------------------- ----------------------------- 6 - Comments Form ------------------------------- -----------------------------------------------------------------------------*/ /* -- Comments -- */ #comments { width: 100%; } /*----------------------------------------------------------------------------- ----------------------------- 8 - Custom Pages -------------------------------- -----------------------------------------------------------------------------*/ /* -- 404 page -- */ #anthemes-404 { padding: 100px 0 100px 0;} #anthemes-404 .middle-404 { width: 80%; margin: 0 auto;} #anthemes-404 .widget_recent_entries { margin: 20px auto 0 auto;} #anthemes-404 h1 { font-size: 60px; padding: 0 0 40px 0;} #anthemes-404 p { font-size: 20px; line-height: 32px;} #anthemes-404 .one_half, #anthemes-404 .one_half_last { float:left; width:100%; margin-bottom:10px; margin-right:0; } #anthemes-404 .one_half_last { margin-right:0;} /*----------------------------------------------------------------------------- ------------------------------ 9 - Footer ------------------------------------- -----------------------------------------------------------------------------*/ /* -- Footer section -- */ div.footer-content { padding: 150px 0 150px 0; } div.footer-content h2 { color: #FFF; font-size: 40px; } div.footer-content h2 >span span { font-size: 26px; top: -.4em; margin-left: 5px; } ul.random-slider { border: none; padding-top: 10px; } /* -- Copyright -- */ .footer-copyright { width: 90%; } /* -- Columns -- */ .one_half, .one_half_last { float:left;width:100%; margin-bottom:10px; margin-right:0; } .one_half_last { margin-right:0;} .one_third, .one_third_last { float:left; width:100%; margin-bottom:10px; margin-right:0; } .one_third_last { margin-right:0;} .one_fourth, .one_fourth_last { float:left; width:100%; margin-bottom:10px; margin-right:0; } .one_fourth_last { margin-right:0;} /* -- widgets -- */ footer .one_fourth, footer .one_fourth_last { width: 350px; margin: 0 auto;} footer .widget { width: 250px; display: block; float: left; margin-right: 0px; padding: 0 100px 20px 100px; } /* -- Instagram -- */ footer ul.instagram-pics { float: left; margin-left: -6px; } footer ul.instagram-pics li { float: left; margin-left: 6px;} footer ul.instagram-pics li img { opacity: 0; max-width: 100%; border-radius: 3px; } footer ul.instagram-pics li img:hover { opacity: 0.7 !important;} footer ul.instagram-size-thumbnail li img { width: 121px;} footer .sidebar .widget:after { content: ''; display: block; clear: both !important; } footer ul.instagram-size-small li img { width: 121px;} } /* All Mobile Size (devices) */ @media only screen and (max-width: 479px) { /*----------------------------------------------------------------------------- ----------------------------- 1 - Layout -------------------------------------- -----------------------------------------------------------------------------*/ /* - Header - */ header div.wrap { width: 305px; } .main-menu { background-color: #000; position: relative; z-index: 2000;} /* - Layout content - */ .wrap-fullwidth { width: 305px; } .wrap-fullwidth-bg { width: 305px; } /* - Home layout - */ .home-content { width: 305px !important; } .border-fullwidth { border: none;} /* - page-content - */ .wrap-middle { width: 305px; } .home-middle { width: 305px; } .wrap-content { width: 305px; } /* - single-content - */ .articles-content { width: 305px; } .single-content { width: 255px; } /* - sidebar - */ .sidebar { width: 305px; float: left; margin-top: 30px; margin-left: -25px; } .sidebar .widget { width: 300px; margin: 0 auto 25px auto;} .line_widget_col { width: 305px; margin: 0 0 25px 0px;} /*----------------------------------------------------------------------------- ----------------------------- 2 - Header -------------------------------------- -----------------------------------------------------------------------------*/ /* -- Top social icons -- */ ul.top-social { display: none; } /* -- Responsive Menu Styles -- */ #respMenu li.current_page_item a, #respMenu li.current-menu-ancestor a, #respMenu li.current-menu-item a, #respMenu li.current-menu-parent a { background: transparent !important; color: #FFF !important;} .menu-toggle #menu-btn { margin-right: 20px;} .ant-responsive-menu { height: auto; } /* -- Featured Big Image & Video -- */ .wrap-featured { display: none; } .warp-border { display: none;} .wrap-border-bottom { height: 10px;} /*----------------------------------------------------------------------------- ----------------------------- 3 - Home Content -------------------------------- -----------------------------------------------------------------------------*/ /* -- About Home -- */ .about-home { width: 305px; height: auto; margin: 50px auto 30px auto; } .about-home h1 { font-size: 20px; line-height: 28px; margin: -95px 0 0 125px; } .about-home h1 span { font-size: 18px; } /* ##### Featured Slider home ##### ################################## */ #featured-slider-wrap { height: 300px; } ul.featured-slider { height: 300px; border: none; } ul.featured-slider li { width: 380px; height: 300px;} ul.featured-slider li img { width: 380px; height: 300px;} ul.featured-slider li div.inner-small { margin: -250px auto 0 auto; } /* -- Slider Nav -- */ ul.featured-slider .owl-prev, ul.featured-slider .owl-next { margin-top: -155px !important; } /* ##### Modern Articles ############# ################################### */ ul.modern-articles { margin-left: 0; margin-top: 50px; } ul.modern-articles li { float: left; width: 305px; height: auto; margin: 0 0 30px 0;} ul.modern-articles li img { width: 305px; height: 198px;} ul.modern-articles li h2 { font-size: 20px; font-weight: 700; line-height: 28px; } ul.modern-articles .ma-left { width: 60px; } ul.modern-articles .ma-right { width: 245px; } ul.modern-articles li iframe { width: 100%; height: 198px; } ul.modern-articles li:nth-child(1), ul.modern-articles li:nth-child(3) { margin-top: 0px; } /* -- Home Share -- */ .home-share { opacity: 1; } /* -- Index file Title -- */ h3.index-title { margin: 0 0 10px 0px; } /* -- Default pagination numbers -- */ .defaultpag { width: 305px; } /*----------------------------------------------------------------------------- ----------------------------- 4 - Entry Content ------------------------------- -----------------------------------------------------------------------------*/ /* -- Entry Top / Featured Image / Videos -- */ .entry-top { margin: 0 10px } .entry-top .post-data div.link-author { display: none;} .entry-top .post-data i.authorfirst { display: none !important;} .entry-top .post-data div.time-article { display: none;} .entry-top .post-data i.timearticle { display: none !important;} /* - Top entry - */ iframe.single_iframe { width: 100%; height: 180px;} /* - title - */ h1.article-title { text-align: center; font-size: 22px; font-weight: 700; line-height: 32px; margin: 10px 0 5px 0; } h1.page-title { font-size: 22px; font-weight: 700; } .page-title-line { width: 150px; height: 5px; margin: 15px auto -17px auto;} /* -- Entry content style -- */ .entry { margin: 0 0 0 40px;} body.page .entry { margin: 0 0 0 0;} body.page-template-template-full-width .entry { padding: 0 20px;} /* - featured img / videos / gallery - 578px */ .single-gallery img { width: 127.5px; height: 127.5px; margin-bottom: -7px; } /* -- Single Share -- */ #single-share { width:45px; height: auto; margin: 15px 0 0 -15px; } /* -- Typography First Content Letter -- */ div.p-first-letter p:first-child:first-letter { font-size:26px; padding: 30px 15px; } /*----------------------------------------------------------------------------- ----------------------------- 6 - Comments Form ------------------------------- -----------------------------------------------------------------------------*/ /* -- Comments -- */ #comments { width: 100%; } ul.comment li { padding: 20px 15px; } /* -- Comment Form -- */ .comment-notes { display: none;} #commentform { padding: 35px 25px 35px 20px; font-size:11px; } /*----------------------------------------------------------------------------- ----------------------------- 8 - Custom Pages -------------------------------- -----------------------------------------------------------------------------*/ /* -- 404 page -- */ #anthemes-404 { padding: 100px 0 100px 0;} #anthemes-404 .middle-404 { width: 80%; margin: 0 auto;} #anthemes-404 .widget_recent_entries { margin: 20px auto 0 auto;} #anthemes-404 h1 { font-size: 60px; padding: 0 0 40px 0;} #anthemes-404 p { font-size: 20px; line-height: 32px;} #anthemes-404 .one_half, #anthemes-404 .one_half_last { float:left; width:100%; margin-bottom:10px; margin-right:0; } #anthemes-404 .one_half_last { margin-right:0;} /*----------------------------------------------------------------------------- ------------------------------ 9 - Footer ------------------------------------- -----------------------------------------------------------------------------*/ /* -- Footer section -- */ div.footer-content { padding: 150px 0 150px 0; } div.footer-content h2 { color: #FFF; font-size: 40px; } div.footer-content h2 >span span { font-size: 26px; top: 0.7em; margin-left: 0px; display:block } ul.random-slider { border: none; padding-top: 10px; } /* -- Copyright -- */ .footer-copyright { width: 90%; } /* -- Columns -- */ .one_half, .one_half_last { float:left;width:100%; margin-bottom:10px; margin-right:0; } .one_half_last { margin-right:0;} .one_third, .one_third_last { float:left; width:100%; margin-bottom:10px; margin-right:0; } .one_third_last { margin-right:0;} .one_fourth, .one_fourth_last { float:left; width:100%; margin-bottom:10px; margin-right:0; } .one_fourth_last { margin-right:0;} /* -- Instagram -- */ footer ul.instagram-pics { float: left; margin-left: -6px; } footer ul.instagram-pics li { float: left; margin-left: 6px;} footer ul.instagram-pics li img { opacity: 0; max-width: 100%; border-radius: 3px; } footer ul.instagram-pics li img:hover { opacity: 0.7 !important;} footer ul.instagram-size-thumbnail li img { width: 123px;} footer .sidebar .widget:after { content: ''; display: block; clear: both !important; } footer ul.instagram-size-small li img { width: 123px;} }