/* --------------------------------------------------- Styles for Mobile Devices --------------------------------------------------- */ /* 1350px (devices and browsers) #1 */ @media only screen and (min-width: 1300px) and (max-width: 1400px) { /*----------------------------------------------------------------------------- ----------------------------- 3 - Home Content -------------------------------- -----------------------------------------------------------------------------*/ /* -- Home Featured Posts -- */ #featured-posts { width: 1242px; } ul.featured-home-posts { width: 1242px; } ul.featured-home-posts li{ width: 282.5px; height: 221px; margin: 0 0 35px 35px; } ul.featured-home-posts li img { width: 282.5px; height: 221px; } ul.featured-home-posts li.big { width: 602px; height: 475px;} ul.featured-home-posts li.big img { width: 602px; height: 475px; } ul.featured-home-posts li div.inner-big { display: table; width: 70%; height: 100%; margin: -470px auto 0 auto; } ul.featured-home-posts li div.inner-small { display: table; width: 80%; height: 100%; margin: -220px auto 0 auto; } } /* 1350px (devices and browsers) #2 */ @media only screen and (min-width: 1260px) and (max-width: 1300px) { /*----------------------------------------------------------------------------- ----------------------------- 1 - Layout -------------------------------------- -----------------------------------------------------------------------------*/ .main-header { width: 1240px; } .wrap-center { width: 1240px; } .wrap-middle { width: 1240px; } /* - Layout content - */ .wrap-fullwidth { width: 1240px; } .wrap-fullwidth-bg { width: 1240px; } /*----------------------------------------------------------------------------- ----------------------------- 2 - Header -------------------------------------- -----------------------------------------------------------------------------*/ /* -- Logo -- */ .logo { margin-left: 10px; } /*Top level menu link items style*/ .ant-responsive-menu { margin-right: 0px; } /*----------------------------------------------------------------------------- ----------------------------- 3 - Home Content -------------------------------- -----------------------------------------------------------------------------*/ /* -- Home Featured Posts -- */ #featured-posts { width: 1230px; } ul.featured-home-posts { width: 1230px; margin-bottom: 10px; } ul.featured-home-posts li{ width: 307.5px; height: 221px; margin: 0 0 0px 0px; } ul.featured-home-posts li img { width: 307.5px; height: 221px; } ul.featured-home-posts li.big { width: 615px; height: 442px;} ul.featured-home-posts li.big img { width: 615px; height: 442px; } ul.featured-home-posts li.big h2 { padding:18px 30px 0 20px; } ul.featured-home-posts li div.inner-big { display: table; width: 70%; height: 100%; margin: -440px auto 0 auto; } ul.featured-home-posts li div.inner-small { display: table; width: 80%; height: 100%; margin: -220px auto 0 auto; } } /* Tablet Portrait size to standard 960 (devices and browsers) #3 */ @media only screen and (min-width: 1004px) and (max-width: 1259px) { /*----------------------------------------------------------------------------- ----------------------------- 1 - Layout -------------------------------------- -----------------------------------------------------------------------------*/ /* - Header - */ .main-header { width: 980px; } .wrap-center { width: 980px; } .wrap-middle { width: 980px; } /* - Layout content - */ .wrap-fullwidth { width: 980px; } .wrap-fullwidth-bg { width: 980px; } .wrap-fullwidth-bg .entry { width: auto; padding-left: 50px; padding-right: 50px;} .halfpage { width: 570px; } /* .page-content */ .wrap-masonry-small { width: 643px; } .wrap-content { width: 360px; float: left; } .single-content { width: 643px; } .sidebar { width: 300px; float: left; margin-left: 35px; margin-top: 40px; margin-bottom: 0px; } .sidebar-left { width: 250px; float: left; margin-top: 40px; margin-right: 35px; margin-bottom: 0px;} /*----------------------------------------------------------------------------- ----------------------------- 2 - Header -------------------------------------- -----------------------------------------------------------------------------*/ /* -- Popular Words -- */ .popular-words { white-space: nowrap; width: 940px; overflow: hidden; text-overflow: ellipsis; } /* -- Logo -- */ .logo { margin-right: 30px; } /* -- Search -- */ #searchform2 { display: none;} /*----------------------------------------------------------------------------- ----------------------------- 3 - Home Content -------------------------------- -----------------------------------------------------------------------------*/ /* -- Home Featured Posts -- */ #featured-posts { width: 980px; } ul.featured-home-posts { width: 980px; margin-bottom: 20px; } ul.featured-home-posts li{ width: 245px; height: 176px; margin: 0px; } ul.featured-home-posts li img { width: 245px; height: 176px; } ul.featured-home-posts li.big { width: 490px; height: 352px;} ul.featured-home-posts li.big img { width: 490px; height: 352px; } ul.featured-home-posts li h2 { font-size: 20px; font-weight: 700; line-height: 34px; } ul.featured-home-posts li div.inner-small h2 { font-size: 15px; font-weight: 700; line-height: 24px; } /* -- Home featured title -- */ ul.featured-home-posts li div.inner-big { margin: -330px auto 0 auto; } ul.featured-home-posts li div.inner-small { margin: -166px auto 0 auto; } ul.featured-home-posts li div.grid-top { display: none; } /* -- Masonry Full -- */ ul.masonry-full { width: 1005px; float: left; height: auto; margin: 0 0 0 -25px; } ul.masonry-full li { float: left; width: 310px; height: auto; border-radius: 3px; margin: 0 0 25px 25px; background-color: #FFF; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); box-shadow: 0 1px 3px rgba(0,0,0,0.1); } ul.masonry-full li img { float: left; width: 310px; height: 225px; object-fit: cover; border-top-left-radius: 3px; border-top-left-radius: 3px;} ul.masonry-full li div.masonry-full-content { float: left; width: 260px; padding: 0 25px 15px 25px; } /* -- Masonry Small -- */ ul.masonry-small { width: 668px; float: left; padding: 0 0 25px 0; margin-bottom: 25px; margin-top: 40px; margin: 0 0 0 -25px; } ul.masonry-small li { float: left; width: 309px; height: auto; border-radius: 3px; margin: 0 0 25px 25px; background-color: #FFF; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); box-shadow: 0 1px 3px rgba(0,0,0,0.1); } ul.masonry-small li img { float: left; width: 309px; height: 225px; object-fit: cover; border-top-left-radius: 3px; border-top-right-radius: 3px;} ul.masonry-small li div.masonry-small-content { float: left; width: 259px; padding: 0 25px 25px 25px; } /* -- Modern List -- */ ul.modern-list { width: 360px; height: auto; margin: 0 0 0 0;} ul.modern-list li { float: left; width: 100%; max-height: 1000px; border-radius: 3px; margin: 0 0 25px 0; background-color: #FFF; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); box-shadow: 0 1px 3px rgba(0,0,0,0.1); } ul.modern-list li img { float: left; width: 360px; height: auto; object-fit: cover; border-top-left-radius: 3px; border-bottom-left-radius: 3px;} ul.modern-list li div.modern-list-content { width: 310px; /* +25+25 = 320 padding */ float: left; padding: 0 25px 15px 25px; } ul.modern-list li div.modern-list-content-full { width: 310px; /* +25+25 = 620 padding */ float: left; padding: 0 25px 15px 25px; } /* -- Home social -- */ ul.home-social { width: auto; float: left; margin-left: 20px; margin-top: -2.5px;} ul.home-social li { width: 26px; margin-bottom: 0px; margin-left: 1px; float: left; text-align: center; border-radius: 2px; } ul.home-social li a { display: block; font-size: 12px; padding: 3px 5px 1px 5px; line-height: 18px; } /* ################# ---- Modules ----- #################### -- */ div.content-modules { width: 980px; height: auto; margin: -20px auto 20px auto; } div.content-modules .widget-title { margin: 88px 0 0 -75px; } /* -- Module Grid -- */ ul.module-grid { float: left; width: 1005px; height: auto; margin: 0 0 15px -25px; } ul.module-grid li { border-radius: 4px; width: 427.5px; height: 325px; padding: 25px; float: left; margin: 0 0 25px 25px; background-color: #FFF; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); box-shadow: 0 1px 3px rgba(0,0,0,0.1); } ul.module-grid li img { width: 427.5px; height: 180px; border-radius: 3px; object-fit: cover; } ul.module-grid li h4 { white-space: nowrap; width: 410px; overflow: hidden; text-overflow: ellipsis;} /*----------------------------------------------------------------------------- ----------------------------- 4 - Entry Content ------------------------------- -----------------------------------------------------------------------------*/ /* -- Entry Top / Featured Image */ .entry-top { margin: 0 40px; padding: 35px 0 20px 0; } /* -- Related articles single -- */ .single-related { width: 444px; height: auto; margin: 25px auto 0 auto; padding-bottom: 40px; border-bottom: 1px solid #f5f5f5;} .one_half_sr, .one_half_last_sr { float:left; width:444px; margin-bottom:10px; margin-right:0px; } .one_half_last_sr { width:444px; margin-right:0;} .one_half_sr { margin-bottom: 25px;} /* -- Author Link -- */ ul.author-social { margin: 2px 0 0 0px !important; } ul.author-social li { margin-top: 5px;} } /* Tablet Portrait size to standard 960 (devices and browsers) #4 */ @media only screen and (min-width: 760px) and (max-width: 1000px) { /*----------------------------------------------------------------------------- ----------------------------- 1 - Layout -------------------------------------- -----------------------------------------------------------------------------*/ /* - Header - */ .main-header { width: 750px; } .wrap-center { width: 750px; } .wrap-middle { width: 750px; } /* - Layout content - */ .wrap-fullwidth { width: 750px; } .wrap-fullwidth-bg { width: 750px; } .wrap-fullwidth-bg .entry { width: auto; padding-left: 50px; padding-right: 50px;} .halfpage { width: 570px; } /* .page-content */ .wrap-content { width: 415px; float: left; } .wrap-masonry-small { width: 413px; } .single-content { width: 413px; } .sidebar-left { display: none;} .sidebar { width: 300px; float: right; margin-left: 35px; margin-top: 40px; margin-bottom: 0px; } /*----------------------------------------------------------------------------- ----------------------------- 2 - Header -------------------------------------- -----------------------------------------------------------------------------*/ /* -- Popular Words -- */ .popular-words { white-space: nowrap; width: 730px; overflow: hidden; text-overflow: ellipsis; } /* -- Logo -- */ .logo { margin-left: 10px; } /* -- 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;} .ant-responsive-menu { margin-right: 0px !important; } /*----------------------------------------------------------------------------- ----------------------------- 3 - Home Content -------------------------------- -----------------------------------------------------------------------------*/ /* -- Home content -- */ .home-content div.entry { margin: 40px 25px 0 25px !important; padding: 30px 0 !important; } /* -- Home Header AD -- */ .headerlb { max-width: 750px; height: auto; display: block; margin:40px auto 0 auto;} .headerlb img { width: 750px;} /* -- Home Featured Posts -- */ #featured-posts { width: 750px; } ul.featured-home-posts { width: 750px; margin-bottom: 20px; } ul.featured-home-posts li{ width: 375px; height: 270px; margin: 0px; } ul.featured-home-posts li img { width: 375px; height: 270px; border-radius: 0px; } ul.featured-home-posts li.big { width: 750px; height: 439px;} ul.featured-home-posts li.big img { width: 750px; height: 439px; } ul.featured-home-posts li:nth-child(4), ul.featured-home-posts li:nth-child(5) { display: none !important; } /* -- Home featured title -- */ ul.featured-home-posts li div.inner-big { margin: -434px auto 0 auto; } ul.featured-home-posts li div.inner-small { margin: -260px auto 0 auto; } /* -- Masonry Full -- */ ul.masonry-full { width: 775px; float: left; height: auto; margin: 0 0 0 -25px; } ul.masonry-full li { float: left; width: 233.33px; height: auto; border-radius: 3px; margin: 0 0 25px 25px; background-color: #FFF; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); box-shadow: 0 1px 3px rgba(0,0,0,0.1); } ul.masonry-full li img { float: left; width: 233.33px; height: 225px; object-fit: cover; border-top-left-radius: 3px; border-top-left-radius: 3px;} ul.masonry-full li div.masonry-full-content { float: left; width: 183.33px; padding: 0 25px 15px 25px; } ul.masonry-full ul.home-social { margin-left: 0px !important;} ul.masonry-full li h2 { margin: 40px 0 0 0; font-size: 18px; font-weight: 400; line-height: 26px; } /* -- Masonry Small -- */ ul.masonry-small { width: 438px; float: left; padding: 0 0 25px 0; margin-bottom: 25px; margin-top: 40px; margin: 0 0 0 -25px; } ul.masonry-small li { float: left; width: 194px; height: auto; border-radius: 3px; margin: 0 0 25px 25px; background-color: #FFF; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); box-shadow: 0 1px 3px rgba(0,0,0,0.1); } ul.masonry-small li img { float: left; width: 194px; height: 194px; object-fit: cover; border-top-left-radius: 3px; border-top-right-radius: 3px;} ul.masonry-small li div.masonry-small-content { float: left; width: 154px; padding: 0 25px 25px 25px; } ul.masonry-small ul.home-social { margin-left: 0px !important;} /* -- Modern List -- */ ul.modern-list { width: 415px; height: auto; margin: 0 0 0 0;} ul.modern-list li { float: left; width: 100%; max-height: 1000px; border-radius: 3px; margin: 0 0 25px 0; background-color: #FFF; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); box-shadow: 0 1px 3px rgba(0,0,0,0.1); } ul.modern-list li img { float: left; width: 415px; height: auto; object-fit: cover; border-top-left-radius: 3px; border-bottom-left-radius: 3px;} ul.modern-list li div.modern-list-content { width: 365px; /* +25+25 = 320 padding */ float: left; padding: 0 25px 20px 25px; } ul.modern-list li div.modern-list-content-full { width: 365px; /* +25+25 = 620 padding */ float: left; padding: 0 25px 20px 25px; } /* -- Home social -- */ ul.home-social { width: auto; float: left; margin-left: 20px; margin-top: -2.5px;} ul.home-social li { width: 26px; margin-bottom: 0px; margin-left: 1px; float: left; text-align: center; border-radius: 2px; } ul.home-social li a { display: block; font-size: 12px; padding: 3px 5px 1px 5px; line-height: 18px; } /* ################# ---- Modules ----- #################### -- */ div.content-modules { width: 750px; height: auto; margin: -20px auto 20px auto; } div.content-modules .widget-title { margin: 88px 0 0 -75px; } /* -- Module Grid -- */ ul.module-grid { float: left; width: 775px; height: auto; margin: 0 0 15px -25px; } ul.module-grid li { border-radius: 4px; width: 312.5px; height: 325px; padding: 25px; float: left; margin: 0 0 25px 25px; background-color: #FFF; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); box-shadow: 0 1px 3px rgba(0,0,0,0.1); } ul.module-grid li img { width: 312.5px; height: 180px; border-radius: 3px; object-fit: cover; } ul.module-grid li h4 { white-space: nowrap; width: 310px; overflow: hidden; text-overflow: ellipsis;} /* -- Module AD -- */ div.module-ad { max-width: 750px; height: auto; margin: 0 auto 40px auto; } div.module-ad img { width: 750px; height: auto;} /*---------------------------------------------------------------------------- ----------------------------- 4 - Entry Content ------------------------------- -----------------------------------------------------------------------------*/ /* -- Entry Top / Featured Image */ .entry-top { margin: 0 40px; padding: 35px 0 20px 0; } /* - title - */ h1.article-title { font-size: 24px; font-weight: 700; line-height: 36px; margin: 15px 0 5px 0; } /* -- Entry content style -- */ .entry { width: auto; height: auto; margin: 0 25px 40px 50px;} body.page-template-default .entry { margin: 0 25px 40px 25px; } body.page-template-page .entry { margin: 0 25px 40px 25px; } /* -- Single Share -- */ #single-share { margin: 10px 0 0 -10px; padding: 5px 0; border-radius: 3px; background-color: #FFF; } /* -- Related articles single -- */ .single-related { width: 338px; height: auto; margin: 25px 0 0 50px; padding-bottom: 40px; border-bottom: 1px solid #f5f5f5;} .one_half_sr, .one_half_last_sr { float:left; width:338px; margin-bottom:10px; margin-right:0px; } .one_half_last_sr { width:338px; margin-right:0;} .one_half_sr { margin-bottom: 25px;} /* -- Author Link -- */ ul.author-social { margin: 2px 0 0 0px !important; } ul.author-social li { margin-top: 5px;} /* -- Related articles single -- */ .prev-articles .one_half { width: 100%; margin-right: 0px; } .prev-articles .one_half_last { width: 100%; margin-right: 0px; } .prev-articles { margin-right: 25px; margin-left: 50px; } /*----------------------------------------------------------------------------- ----------------------------- 6 - Comments Form ------------------------------- -----------------------------------------------------------------------------*/ .article-bottom { margin: 0 25px 0 50px;} /* -- Comment Attachment CSS -- */ p.dco-attachment img { width: 100%; } div.comment-body iframe { width: 100% !important; height: 180px; } /*----------------------------------------------------------------------------- ----------------------------- 7 - Contact Form -------------------------------- -----------------------------------------------------------------------------*/ form.wpcf7-form { padding: 40px 25px 10px 25px; margin:25px 0 -10px 0; } /*----------------------------------------------------------------------------- ----------------------------- 8 - Custom Pages -------------------------------- -----------------------------------------------------------------------------*/ /* -- 404 page -- */ #anthemes-404 .middle-404 { max-width: 750px; margin: 0 auto;} #anthemes-404 h1 { font-size: 60px; padding: 0 0 40px 0;} } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 580px) and (max-width: 759px) { /*----------------------------------------------------------------------------- ----------------------------- 1 - Layout -------------------------------------- -----------------------------------------------------------------------------*/ /* - Header - */ .main-header { width: 570px; } .wrap-center { width: 570px; } .wrap-middle { width: 570px; } .bar-header { display: none;} /* - Layout content - */ .wrap-fullwidth { width: 570px; } .wrap-fullwidth-bg { width: 570px; } .wrap-fullwidth-bg .entry { width: auto; padding-left: 35px; padding-right: 35px;} /* .page-content */ .wrap-content { width: 570px; float: left; } .single-content { width: 570px; float: none; margin-left: auto; margin-right: auto;} .wrap-masonry-small { width: 570px; float: none; margin-left: auto; margin-right: auto; } /* - sidebar - */ .sidebar-left { display: none;} .sidebar { width: 575px; float: left; margin-top: 30px; margin-left: -5px; column-count: 2; -moz-column-gap: 10px; -webkit-column-count: 2; -webkit-column-gap: 10px; column-count: 2; } .sidebar .widget { width: 250px; padding: 15px 15px 15px 15px; display: inline-block; margin-left: 5px; margin-right: 0px;} /* -- Banner widget 300px -- */ .sidebar .widget .img-300 img, .sidebar .widget .img-300 iframe, .sidebar .widget .img-300 embed, .sidebar .widget .img-300 object { width: 280px; height: auto; } /*----------------------------------------------------------------------------- ----------------------------- 2 - Header -------------------------------------- -----------------------------------------------------------------------------*/ /* -- Popular Words -- */ .popular-words { white-space: nowrap; width: 550px; overflow: hidden; text-overflow: ellipsis; } .popular-words a { font-size: 12px !important; margin-left: 10px;} /* -- Logo -- */ .logo { margin-left: 10px; } /* -- Search -- */ #s { width: 180px; } /* -- Menu Icons Top List -- */ 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;} .ant-responsive-menu { margin-right: 0px !important; } /*----------------------------------------------------------------------------- ----------------------------- 3 - Home Content -------------------------------- -----------------------------------------------------------------------------*/ /* -- Home content -- */ .home-content div.entry { margin: 40px 25px 0 25px !important; padding: 20px 0 !important; } /* -- Home Header AD -- */ .headerlb { max-width: 570px; height: auto; display: block; margin:40px auto 0 auto;} .headerlb img { width: 570px;} /* -- Home Featured Posts -- */ #featured-posts { width: 570px; } ul.featured-home-posts { width: 570px; } ul.featured-home-posts li{ width: 285px; height: 205px; margin: 0px; } ul.featured-home-posts li img { width: 285px; height: 205px; } ul.featured-home-posts li.big { width: 570px; height: 310px;} ul.featured-home-posts li.big img { width: 570px; height: 310px; } ul.featured-home-posts li:nth-child(4), ul.featured-home-posts li:nth-child(5) { display: none !important; } /* -- Home featured title -- */ ul.featured-home-posts li div.inner-big { margin: -305px auto 0 auto; } ul.featured-home-posts li div.inner-small { margin: -195px auto 0 auto; } /* ##### Big Search ##### */ .front-overlay-content { width: 100%; height: 400px; } .front-overlay-wrap { width: 100%; height: 400px; } .front-overlay-wrap h1 { width: 470px; margin: 0 auto; padding-top: 100px; font-weight: 700; font-size: 20px; line-height: 36px; word-spacing:2px; } /* -- Sub Header Search -- */ .front-overlay-content #searchform1 { width: 470px; height: auto; margin: 30px auto 5px auto;} .front-overlay-content #searchform1 #q { width: 310px; font-weight: bold; height: 50px; font-family: 'Ruda', sans-serif; float: left; border: none; padding: 0 20px; font-size: 13px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .front-overlay-content #searchform1 .buttonicon { width: 120px; height: 50px; float: right; border: none; text-align: center; text-transform: uppercase; font-family: 'Oswald', sans-serif; font-weight: 500; font-size: 17px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } /* -- Sub Header Search ( Popular Words ) -- */ .popular-words-search { width: 470px; height: 30px; } /* -- Masonry Full -- */ ul.masonry-full { width: 595px; float: left; height: auto; margin: 0 0 0 -25px; } ul.masonry-full li { float: left; width: 272.5px; height: auto; border-radius: 3px; margin: 0 0 25px 25px; background-color: #FFF; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); box-shadow: 0 1px 3px rgba(0,0,0,0.1); } ul.masonry-full li img { float: left; width: 272.5px; height: 225px; object-fit: cover; border-top-left-radius: 3px; border-top-left-radius: 3px;} ul.masonry-full li div.masonry-full-content { float: left; width: 222.5px; padding: 0 25px 15px 25px; } ul.masonry-full ul.home-social { margin-left: 10px !important;} ul.masonry-full li h2 { margin: 40px 0 0 0; font-size: 18px; font-weight: 400; line-height: 26px; } /* -- Masonry Small -- */ ul.masonry-small { width: 595px; float: left; padding: 0 0 25px 0; margin-bottom: 25px; margin-top: 40px; margin: 0 0 0 -25px; } ul.masonry-small li { float: left; width: 272.5px; height: auto; border-radius: 3px; margin: 0 0 25px 25px; background-color: #FFF; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); box-shadow: 0 1px 3px rgba(0,0,0,0.1); } ul.masonry-small li img { float: left; width: 272.5px; height: 225px; object-fit: cover; border-top-left-radius: 3px; border-top-right-radius: 3px;} ul.masonry-small li div.masonry-small-content { float: left; width: 222.5px; padding: 0 25px 25px 25px; } /* -- List -- */ ul.modern-list { width: 570px; height: auto; margin: 0 0 0 0; } ul.modern-list li { float: left; width: 100%; max-height: 200px; border-radius: 3px; margin: 0 0 25px 0; background-color: #FFF; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); box-shadow: 0 1px 3px rgba(0,0,0,0.1); } ul.modern-list li img { float: left; width: 267px; height: 200px; object-fit: cover; border-top-left-radius: 3px; border-bottom-left-radius: 3px;} ul.modern-list li h2 { overflow-wrap: break-word; word-wrap: break-word; font-family: 'Oswald', sans-serif; margin: 45px 0 20px 0; font-size: 20px; font-weight: 400; line-height: 29px; } ul.modern-list li h2 a { color: #192b33;} ul.modern-list li div.modern-list-content { width: 250px; /* +25+25 = 320 padding */ float: left; padding: 0 25px 10px 25px; } ul.modern-list li div.modern-list-content-full { width: 520px; /* +25+25 = 620 padding */ float: left; padding: 0 25px 15px 25px; } ul.modern-list li p { display: none;} /* -- Home social -- */ ul.home-social { width: auto; float: left; margin-left: 20px; margin-top: -2.5px;} ul.home-social li { width: 26px; margin-bottom: 0px; margin-left: 1px; float: left; text-align: center; border-radius: 2px; } ul.home-social li a { display: block; font-size: 12px; padding: 3px 5px 1px 5px; line-height: 18px; } /* -- Icons -- */ .sticky-lm .tooltiptext { display: none;} /* -- Pagination Box -- */ .quemag-pag { width: 570px; } /* ################# ---- Modules ----- #################### -- */ div.content-modules { width: 570px; height: auto; margin: -20px auto 20px auto; } div.content-modules .widget-title { margin: 88px 0 0 -75px; } /* -- Module Grid -- */ ul.module-grid { float: left; width: 585px; height: auto; margin: 0 0 15px -15px; } ul.module-grid li { border-radius: 4px; width: 227.5px; height: auto; padding: 25px; float: left; margin: 0 0 15px 15px; background-color: #FFF; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); box-shadow: 0 1px 3px rgba(0,0,0,0.1); } ul.module-grid li img { width: 227.5px; height: 180px; border-radius: 3px; object-fit: cover; } /* -- Module AD -- */ div.module-ad { max-width: 570px; height: auto; margin: 0 auto 40px auto; } div.module-ad img { width: 570px; height: auto;} /*---------------------------------------------------------------------------- ----------------------------- 4 - Entry Content ------------------------------- -----------------------------------------------------------------------------*/ /* -- Entry Top / Featured Image */ .entry-top { margin: 0 40px; padding: 35px 0 20px 0; } /* - title - */ h1.article-title { font-size: 24px; font-weight: 700; line-height: 36px; margin: 15px 0 5px 0; } /* -- Entry content style -- */ .entry { width: auto; height: auto; margin: 0 25px 40px 50px;} body.page-template-default .entry { margin: 0 25px 40px 25px; } body.page-template-page .entry { margin: 0 25px 40px 25px; } /* -- Single Share -- */ #single-share { margin: 10px 0 0 -10px; padding: 5px 0; border-radius: 3px; background-color: #FFF; } /* -- Related articles single -- */ .single-related { width: 338px; height: auto; margin: 25px 0 0 50px; padding-bottom: 40px; border-bottom: 1px solid #f5f5f5;} .one_half_sr, .one_half_last_sr { float:left; width:338px; margin-bottom:10px; margin-right:0px; } .one_half_last_sr { width:338px; margin-right:0;} .one_half_sr { margin-bottom: 25px;} /* -- Author Link -- */ ul.author-social { margin: 2px 0 0 0px !important; } ul.author-social li { margin-top: 5px;} /* -- Related articles single -- */ .prev-articles .one_half { width: 100%; margin-right: 0px; } .prev-articles .one_half_last { width: 100%; margin-right: 0px; } .prev-articles { margin-right: 25px; margin-left: 50px; } /*----------------------------------------------------------------------------- ----------------------------- 6 - Comments Form ------------------------------- -----------------------------------------------------------------------------*/ .article-bottom { margin: 0 25px 0 50px;} /* -- Comment Attachment CSS -- */ p.dco-attachment img { width: 100%; } div.comment-body iframe { width: 100% !important; height: 180px; } /*----------------------------------------------------------------------------- ----------------------------- 7 - Contact Form -------------------------------- -----------------------------------------------------------------------------*/ form.wpcf7-form { padding: 40px 25px 10px 25px; margin:25px 0 -10px 0; } /*----------------------------------------------------------------------------- ----------------------------- 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 ------------------------------------- -----------------------------------------------------------------------------*/ .wrap-footer { height: 90px; } /* -- Footer Social Icons -- */ ul.footer-social li a span { display: none;} } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 579px) { /*----------------------------------------------------------------------------- ----------------------------- 1 - Layout -------------------------------------- -----------------------------------------------------------------------------*/ /* - Header - */ .main-header { width: 460px; } .wrap-center { width: 460px; } .wrap-middle { width: 460px; } /* - Layout content - */ .wrap-fullwidth { width: 460px; } .wrap-fullwidth-bg { width: 460px; } .wrap-fullwidth-bg .entry { width: auto; padding-left: 15px; padding-right: 15px;} /* .page-content */ .wrap-content { width: 460px; float: left; } .single-content { width: 460px; float: none; margin-left: auto; margin-right: auto;} .wrap-masonry-small { width: 460px; float: none; margin-left: auto; margin-right: auto;} /* - sidebar - */ .sidebar-left { display: none;} .sidebar { width: 460px; float: left; margin-top: 30px; margin-left: 0px;} .sidebar .widget { width: 250px; display: block; float: left; margin-right: 0px; padding: 25px 105px 25px 105px;} /* -- Banner widget 300px -- */ .sidebar .widget .img-300 { padding: 25px 0;} /*----------------------------------------------------------------------------- ----------------------------- 2 - Header -------------------------------------- -----------------------------------------------------------------------------*/ /* -- Popular Words -- */ .popular-words { white-space: nowrap; width: 450px; overflow: hidden; text-overflow: ellipsis; } .popular-words a { font-size: 12px !important; margin-left: 10px;} /* -- Logo -- */ .logo { margin-left: 10px; } /* -- Search -- */ #s { width: 110px; } /* -- Menu Icons Top List -- */ 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;} .ant-responsive-menu { margin-right: 0px !important; } /*----------------------------------------------------------------------------- ----------------------------- 3 - Home Content -------------------------------- -----------------------------------------------------------------------------*/ /* -- Home content -- */ .home-content div.entry { margin: 40px 25px 0 25px !important; padding: 20px 0 !important; } /* -- Home Header AD -- */ .headerlb { max-width: 450px; height: auto; display: block; margin:40px auto 0 auto;} .headerlb img { width: 450px;} /* -- Home Featured Posts -- */ #featured-posts { width: 460px; } ul.featured-home-posts { width: 460px; } ul.featured-home-posts li{ width: 230px; height: 205px; margin: 0px; } ul.featured-home-posts li img { width: 230px; height: 205px; } ul.featured-home-posts li.big { width: 460px; height: 305px;} ul.featured-home-posts li.big img { width: 460px; height: 305px; } ul.featured-home-posts li:nth-child(4), ul.featured-home-posts li:nth-child(5) { display: none !important; } /* -- Home featured title -- */ ul.featured-home-posts li div.inner-big { margin: -300px auto 0 auto; } ul.featured-home-posts li div.inner-small { margin: -195px auto 0 auto; } ul.featured-home-posts li div.inner-small h2 { font-size: 16px; font-weight: 500; line-height: 26px; } ul.featured-home-posts li h2 { font-size: 22px; font-weight: 500; line-height: 34px; } /* ##### Big Search ##### */ .front-overlay-content { width: 100%; height: 400px; } .front-overlay-wrap { width: 100%; height: 400px; } .front-overlay-wrap h1 { width: 450px; margin: 0 auto; padding-top: 100px; font-weight: 700; font-size: 19px; line-height: 30px; word-spacing:2px; } /* -- Sub Header Search -- */ .front-overlay-content #searchform1 { width: 450px; height: auto; margin: 30px auto 5px auto;} .front-overlay-content #searchform1 #q { width: 290px; font-weight: bold; height: 50px; font-family: 'Ruda', sans-serif; float: left; border: none; padding: 0 20px; font-size: 13px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .front-overlay-content #searchform1 .buttonicon { width: 120px; height: 50px; float: right; border: none; text-align: center; text-transform: uppercase; font-family: 'Oswald', sans-serif; font-weight: 500; font-size: 17px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } /* -- Sub Header Search ( Popular Words ) -- */ .popular-words-search { width: 450px; height: 30px; } .popular-words-search a { font-weight: normal; margin-left: 5px; font-size: 11px !important;} /* -- Masonry Full -- */ ul.masonry-full { width: 460px; height: auto; margin: 0 0 0 0; } ul.masonry-full li { float: left; width: 100%; max-height: 145px; border-radius: 3px; margin: 0 0 25px 0; background-color: #FFF; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); box-shadow: 0 1px 3px rgba(0,0,0,0.1); } ul.masonry-full li img { float: left; width: 192.5px; height: 145px; object-fit: cover; border-top-left-radius: 3px; border-bottom-left-radius: 3px;} ul.masonry-full li h2 { overflow-wrap: break-word; word-wrap: break-word; font-family: 'Oswald', sans-serif; margin: 35px 0 10px 0; font-size: 17px; font-weight: 400; line-height: 24px; } ul.masonry-full li h2 a { color: #192b33;} ul.masonry-full li div.masonry-full-content { width: 235px; /* +25+25 = 320 padding */ float: left; padding: 0 15px 10px 15px; } ul.masonry-full li p { display: none;} ul.masonry-full ul.home-social { margin-left: 10px !important;} /* -- Masonry Small -- */ ul.masonry-small { width: 460px; height: auto; margin: 0 0 0 0; } ul.masonry-small li { float: left; width: 100%; max-height: 145px; border-radius: 3px; margin: 0 0 25px 0; background-color: #FFF; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); box-shadow: 0 1px 3px rgba(0,0,0,0.1); } ul.masonry-small li img { float: left; width: 192.5px; height: 145px; object-fit: cover; border-top-left-radius: 3px; border-bottom-left-radius: 3px;} ul.masonry-small li h2 { overflow-wrap: break-word; word-wrap: break-word; font-family: 'Oswald', sans-serif; margin: 35px 0 10px 0; font-size: 17px; font-weight: 400; line-height: 24px; } ul.masonry-small li h2 a { color: #192b33;} ul.masonry-small li div.masonry-small-content { width: 235px; /* +25+25 = 320 padding */ float: left; padding: 0 15px 10px 15px; } ul.masonry-small li p { display: none;} ul.masonry-small ul.home-social { margin-left: 10px !important;} /* -- List -- */ ul.modern-list { width: 460px; height: auto; margin: 0 0 0 0; } ul.modern-list li { float: left; width: 100%; max-height: 145px; border-radius: 3px; margin: 0 0 25px 0; background-color: #FFF; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); box-shadow: 0 1px 3px rgba(0,0,0,0.1); } ul.modern-list li img { float: left; width: 192.5px; height: 145px; object-fit: cover; border-top-left-radius: 3px; border-bottom-left-radius: 3px;} ul.modern-list li h2 { overflow-wrap: break-word; word-wrap: break-word; font-family: 'Oswald', sans-serif; margin: 35px 0 10px 0; font-size: 17px; font-weight: 400; line-height: 24px; } ul.modern-list li h2 a { color: #192b33;} ul.modern-list li div.modern-list-content { width: 235px; /* +25+25 = 320 padding */ float: left; padding: 0 15px 10px 15px; } ul.modern-list li div.modern-list-content-full { width: 400px; /* +25+25 = 620 padding */ float: left; padding: 0 15px 15px 15px; } ul.modern-list li p { display: none;} /* -- Category ribbon -- */ .listbtn-category { margin: 0 0 0 -15px; position: relative; float: left; padding: 1px 5px; } @media screen and (-webkit-min-device-pixel-ratio:0) { .listbtn-category { padding: 2px 5px 1px 5px; } } /* -- Home social -- */ ul.home-social { width: auto; float: left; margin-left: 20px; margin-top: -2.5px;} ul.home-social li { width: 26px; margin-bottom: 0px; margin-left: 1px; float: left; text-align: center; border-radius: 2px; } ul.home-social li a { display: block; font-size: 12px; padding: 3px 5px 1px 5px; line-height: 18px; } /* -- Icons -- */ .sticky-lm .tooltiptext { display: none;} /* -- Pagination Box -- */ .quemag-pag { width: 460px; } /* ################# ---- Modules ----- #################### -- */ div.content-modules { width: 460px; height: auto; margin: -20px auto 20px auto; } div.content-modules .widget-title { margin: 88px 0 0 -75px; } /* -- Module Grid -- */ ul.module-grid { float: left; width: 460px; height: auto; margin: 0 0 15px 0px; } ul.module-grid li { border-radius: 4px; width: 410px; height: auto; padding: 25px; float: left; margin: 0 0 15px 0px; background-color: #FFF; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); box-shadow: 0 1px 3px rgba(0,0,0,0.1); } ul.module-grid li img { float: left; width: 170px; height: 180px; margin: 0 15px 0 0; border-radius: 3px; object-fit: cover; } ul.module-grid li h4 { margin: 0px 0 0 0; font-size: 17px; line-height: 30px; font-weight: 500;} /* -- Module AD -- */ div.module-ad { max-width: 450px; height: auto; margin: 0 auto 40px auto; } div.module-ad img { width: 450px; height: auto;} /*---------------------------------------------------------------------------- ----------------------------- 4 - Entry Content ------------------------------- -----------------------------------------------------------------------------*/ /* -- Entry Top / Featured Image */ .entry-top { margin: 0 40px; padding: 35px 0 20px 0; } /* - title - */ h1.article-title { font-size: 24px; font-weight: 700; line-height: 36px; margin: 15px 0 5px 0; } /* -- Entry content style -- */ .entry { width: auto; height: auto; margin: 0 25px 40px 50px;} body.page-template-default .entry { margin: 0 25px 40px 25px; } body.page-template-page .entry { margin: 0 25px 40px 25px; } /* -- Single Share -- */ #single-share { margin: 10px 0 0 -10px; padding: 5px 0; border-radius: 3px; background-color: #FFF; } /* -- Related articles single -- */ .single-related { width: 338px; height: auto; margin: 25px 0 0 50px; padding-bottom: 40px; border-bottom: 1px solid #f5f5f5;} .one_half_sr, .one_half_last_sr { float:left; width:338px; margin-bottom:10px; margin-right:0px; } .one_half_last_sr { width:338px; margin-right:0;} .one_half_sr { margin-bottom: 25px;} /* -- Author Link -- */ ul.author-social { margin: 2px 0 0 0px !important; } ul.author-social li { margin-top: 5px;} /* -- Related articles single -- */ .prev-articles .one_half { width: 100%; margin-right: 0px; } .prev-articles .one_half_last { width: 100%; margin-right: 0px; } .prev-articles { margin-right: 25px; margin-left: 50px; } /*----------------------------------------------------------------------------- ----------------------------- 6 - Comments Form ------------------------------- -----------------------------------------------------------------------------*/ .article-bottom { margin: 0 25px 0 50px;} /* -- Comment Attachment CSS -- */ p.dco-attachment img { width: 100%; } div.comment-body iframe { width: 100% !important; height: 180px; } /*----------------------------------------------------------------------------- ----------------------------- 7 - Contact Form -------------------------------- -----------------------------------------------------------------------------*/ form.wpcf7-form { padding: 40px 25px 10px 25px; margin:25px 0 -10px 0; } /*----------------------------------------------------------------------------- ----------------------------- 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 ------------------------------------- -----------------------------------------------------------------------------*/ .wrap-footer { height: 90px; } /* -- Footer Social Icons -- */ ul.footer-social li a span { display: none;} } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 410px) and (max-width: 479px) { /*----------------------------------------------------------------------------- ----------------------------- 1 - Layout -------------------------------------- -----------------------------------------------------------------------------*/ /* - Header - */ .main-header { width: 390px; } .wrap-center { width: 390px; } .wrap-middle { width: 390px; } /* - Layout content - */ .wrap-fullwidth { width: 390px; } .wrap-fullwidth-bg { width: 390px; } .wrap-fullwidth-bg .entry { width: auto; padding-left: 15px; padding-right: 15px;} /* .page-content */ .wrap-content { width: 390px; float: left; } .single-content { width: 390px; float: none; padding-top: 1px; margin-left: auto; margin-right: auto;} .wrap-masonry-small { width: 390px; float: none; margin-left: auto; margin-right: auto;} /* - sidebar - */ .sidebar-left { display: none;} .sidebar { width: 390px; float: left; margin-top: 30px; margin-left: 0px;} .sidebar .widget { width: 250px; display: block; float: left; margin-right: 0px; padding: 25px 70px 25px 70px;} /* -- Banner widget 300px -- */ .sidebar .widget .img-300 { padding: 25px 0;} /*----------------------------------------------------------------------------- ----------------------------- 2 - Header -------------------------------------- -----------------------------------------------------------------------------*/ /* -- Popular Words -- */ .popular-words { white-space: nowrap; width: 380px; overflow: hidden; text-overflow: ellipsis; } .popular-words a { font-size: 12px !important; margin-left: 10px;} /* -- Logo -- */ .logo { margin-left: 10px; } /* -- Search -- */ #s { width: 40px; } /* -- Menu Icons Top List -- */ 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;} .ant-responsive-menu { margin-right: 0px !important; } /*----------------------------------------------------------------------------- ----------------------------- 3 - Home Content -------------------------------- -----------------------------------------------------------------------------*/ /* -- Home content -- */ .home-content div.entry { margin: 40px 15px 0 15px !important; padding: 15px 0 !important; } /* -- Home Header AD -- */ .headerlb { max-width: 380px; height: auto; display: block; margin:40px auto 0 auto;} .headerlb img { width: 380px;} /* -- Home Featured Posts -- */ #featured-posts { width: 390px; } ul.featured-home-posts { width: 390px; } ul.featured-home-posts li{ width: 195px; height: 205px; margin: 0px; } ul.featured-home-posts li img { width: 195px; height: 205px; border-radius: 0px; } ul.featured-home-posts li.big { width: 390px; height: 305px;} ul.featured-home-posts li.big img { width: 390px; height: 305px; } ul.featured-home-posts li:nth-child(4), ul.featured-home-posts li:nth-child(5) { display: none !important; } /* -- Home featured title -- */ ul.featured-home-posts li div.inner-big { margin: -300px auto 0 auto; } ul.featured-home-posts li div.inner-small { margin: -195px auto 0 auto; } ul.featured-home-posts li div.inner-small h2 { font-size: 16px; font-weight: 500; line-height: 26px; } ul.featured-home-posts li h2 { font-size: 22px; font-weight: 500; line-height: 34px; } /* ##### Big Search ##### */ .front-overlay-content { width: 100%; height: 300px; } .front-overlay-wrap { width: 100%; height: 300px; } .front-overlay-wrap h1 { width: 370px; margin: 0 auto; padding-top: 70px; font-weight: 700; font-size: 18px; line-height: 30px; word-spacing:0px; } /* -- Sub Header Search -- */ .front-overlay-content #searchform1 { width: 370px; height: auto; margin: 30px auto 5px auto;} .front-overlay-content #searchform1 #q { width: 210px; font-weight: bold; height: 50px; font-family: 'Ruda', sans-serif; float: left; border: none; padding: 0 20px; font-size: 13px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .front-overlay-content #searchform1 .buttonicon { width: 120px; height: 50px; float: right; border: none; text-align: center; text-transform: uppercase; font-family: 'Oswald', sans-serif; font-weight: 500; font-size: 17px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } /* -- Sub Header Search ( Popular Words ) -- */ .popular-words-search { display: none; } /* -- Masonry -- */ ul.masonry-full { width: 390px; height: auto; margin: 0 0 0 0; } ul.masonry-full li { float: left; width: 100%; max-height: 145px; border-radius: 3px; margin: 0 0 25px 0; background-color: #FFF; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); box-shadow: 0 1px 3px rgba(0,0,0,0.1); } ul.masonry-full li img { float: left; width: 145px; height: 145px; object-fit: cover; border-top-left-radius: 3px; border-bottom-left-radius: 3px;} ul.masonry-full li h2 { overflow-wrap: break-word; word-wrap: break-word; font-family: 'Oswald', sans-serif; margin: 35px 0 10px 0; font-size: 17px; font-weight: 400; line-height: 24px; } ul.masonry-full li h2 a { color: #192b33;} ul.masonry-full li div.masonry-full-content { width: 215px; /* +25+25 = 320 padding */ float: left; padding: 0 15px 10px 15px; } ul.masonry-full li p { display: none;} ul.masonry-full ul.home-social { margin-left: 10px !important;} /* -- Masonry Small -- */ ul.masonry-small { width: 390px; height: auto; margin: 0 0 0 0; } ul.masonry-small li { float: left; width: 100%; max-height: 145px; border-radius: 3px; margin: 0 0 25px 0; background-color: #FFF; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); box-shadow: 0 1px 3px rgba(0,0,0,0.1); } ul.masonry-small li img { float: left; width: 145px; height: 145px; object-fit: cover; border-top-left-radius: 3px; border-bottom-left-radius: 3px;} ul.masonry-small li h2 { overflow-wrap: break-word; word-wrap: break-word; font-family: 'Oswald', sans-serif; margin: 35px 0 10px 0; font-size: 17px; font-weight: 400; line-height: 24px; } ul.masonry-small li h2 a { color: #192b33;} ul.masonry-small li div.masonry-small-content { width: 215px; /* +25+25 = 320 padding */ float: left; padding: 0 15px 10px 15px; } ul.masonry-small li p { display: none;} ul.masonry-small ul.home-social { margin-left: 10px !important;} /* -- List -- */ ul.modern-list { width: 390px; height: auto; margin: 0 0 0 0; } ul.modern-list li { float: left; width: 100%; max-height: 145px; border-radius: 3px; margin: 0 0 25px 0; background-color: #FFF; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); box-shadow: 0 1px 3px rgba(0,0,0,0.1); } ul.modern-list li img { float: left; width: 145px; height: 145px; object-fit: cover; border-top-left-radius: 3px; border-bottom-left-radius: 3px;} ul.modern-list li h2 { overflow-wrap: break-word; word-wrap: break-word; font-family: 'Oswald', sans-serif; margin: 35px 0 10px 0; font-size: 17px; font-weight: 400; line-height: 24px; } ul.modern-list li h2 a { color: #192b33;} ul.modern-list li div.modern-list-content { width: 215px; /* +25+25 = 320 padding */ float: left; padding: 0 15px 10px 15px; } ul.modern-list li div.modern-list-content-full { width: 350px; /* +25+25 = 620 padding */ float: left; padding: 0 15px 15px 15px; } ul.modern-list li p { display: none;} /* -- Category ribbon -- */ .listbtn-category { margin: 0 0 0 -15px; position: relative; float: left; padding: 1px 5px; } @media screen and (-webkit-min-device-pixel-ratio:0) { .listbtn-category { padding: 2px 5px 1px 5px; } } /* -- Home social -- */ ul.home-social { width: auto; float: left; margin-left: 20px; margin-top: -2.5px;} ul.home-social li { width: 26px; margin-bottom: 0px; margin-left: 1px; float: left; text-align: center; border-radius: 2px; } ul.home-social li a { display: block; font-size: 12px; padding: 3px 5px 1px 5px; line-height: 18px; } /* -- Icons -- */ .sticky-lm .tooltiptext { display: none;} /* -- Pagination Box -- */ .quemag-pag { width: 390px; background: transparent; box-shadow: none; padding: 0px 0px;} .wp-pagenavi a { margin-bottom: 2px; } /* -- Home Title -- */ .home-title { display: none;} /* ################# ---- Modules ----- #################### -- */ div.content-modules { width: 390px; height: auto; margin: -20px auto 20px auto; } div.content-modules .widget-title { margin: 88px 0 0 -75px; } /* -- Module Grid -- */ ul.module-grid { float: left; width: 390px; height: auto; margin: 0 0 15px 0px; } ul.module-grid li { border-radius: 4px; width: 340px; height: auto; padding: 25px; float: left; margin: 0 0 15px 0px; background-color: #FFF; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); box-shadow: 0 1px 3px rgba(0,0,0,0.1); } ul.module-grid li img { float: left; width: 80px; height: 60px; margin: 0 15px 15px 0; border-radius: 3px; object-fit: cover; } ul.module-grid li h4 { margin: 0px 0 0 0; font-size: 17px; line-height: 30px; font-weight: 500;} /* -- Module AD -- */ div.module-ad { max-width: 380px; height: auto; margin: 0 auto 40px auto; } div.module-ad img { width: 380px; height: auto;} /*---------------------------------------------------------------------------- ----------------------------- 4 - Entry Content ------------------------------- -----------------------------------------------------------------------------*/ /* -- Entry Top / Featured Image */ .entry-top { margin: 0 10px; padding: 35px 0 20px 0; } /* - title - */ h1.article-title { font-size: 24px; font-weight: 700; line-height: 36px; margin: 15px 0 5px 0; } /* -- Entry content style -- */ .entry { width: auto; height: auto; margin: 0 25px 40px 50px;} body.page-template-default .entry { margin: 0 25px 40px 25px; } body.page-template-page .entry { margin: 0 25px 40px 25px; } /* -- Single Share -- */ #single-share { margin: 10px 0 0 -10px; padding: 5px 0; border-radius: 3px; background-color: #FFF; } /* -- Related articles single -- */ .single-related { width: 300px; height: auto; margin: 25px 0 0 50px; padding-bottom: 40px; border-bottom: 1px solid #f5f5f5;} .one_half_sr, .one_half_last_sr { float:left; width:300px; margin-bottom:10px; margin-right:0px; } .one_half_last_sr { width:300px; margin-right:0;} .one_half_sr { margin-bottom: 25px;} /* -- Author Link -- */ ul.author-social { margin: 2px 0 0 0px !important; } ul.author-social li { margin-top: 5px;} /* -- Related articles single -- */ .prev-articles .one_half { width: 100%; margin-right: 0px; } .prev-articles .one_half_last { width: 100%; margin-right: 0px; } .prev-articles { margin-right: 25px; margin-left: 50px; } /*----------------------------------------------------------------------------- ----------------------------- 6 - Comments Form ------------------------------- -----------------------------------------------------------------------------*/ .article-bottom { margin: 0 25px 0 50px;} #commentform { padding: 0px 0px 0px 0px; background: transparent; } /* -- Comment Attachment CSS -- */ p.dco-attachment img { width: 100%; } div.comment-body iframe { width: 100% !important; height: 180px; } /*----------------------------------------------------------------------------- ----------------------------- 7 - Contact Form -------------------------------- -----------------------------------------------------------------------------*/ form.wpcf7-form { padding: 40px 25px 10px 25px; margin:25px 0 -10px 0; } /*----------------------------------------------------------------------------- ----------------------------- 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 ------------------------------------- -----------------------------------------------------------------------------*/ .wrap-footer { height: 110px; } /* -- Footer Social Icons -- */ ul.footer-social li a span { display: none;} } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 360px) and (max-width: 409px) { /*----------------------------------------------------------------------------- ----------------------------- 1 - Layout -------------------------------------- -----------------------------------------------------------------------------*/ /* - Header - */ .main-header { width: 360px; } .wrap-center { width: 360px; } .wrap-middle { width: 360px; } /* - Layout content - */ .wrap-fullwidth { width: 360px; } .wrap-fullwidth-bg { width: 360px; } .wrap-fullwidth-bg .entry { width: auto; padding-left: 15px; padding-right: 15px;} /* .page-content */ .wrap-content { width: 360px; float: left; } .single-content { width: 360px; float: none; padding-top: 1px; margin-left: auto; margin-right: auto;} .wrap-masonry-small { width: 360px; float: none; margin-left: auto; margin-right: auto;} /* - sidebar - */ .sidebar-left { display: none;} .sidebar { width: 360px; float: left; margin-top: 30px; margin-left: 0px;} .sidebar .widget { width: 250px; display: block; float: left; margin-right: 0px; padding: 25px 55px 25px 55px;} /* -- Banner widget 300px -- */ .sidebar .widget .img-300 { padding: 25px 0;} /*----------------------------------------------------------------------------- ----------------------------- 2 - Header -------------------------------------- -----------------------------------------------------------------------------*/ /* -- Popular Words -- */ .popular-words { white-space: nowrap; width: 350px; overflow: hidden; text-overflow: ellipsis; } .popular-words a { font-size: 12px !important; margin-left: 10px;} /* -- Logo -- */ .logo { margin-left: 10px; } /* -- Search -- */ #s { width: 24px; } #searchform2 { height: auto; float: left; margin: 26px 0 0 15px; } /* -- Menu Icons Top List -- */ 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;} .ant-responsive-menu { margin-right: 0px !important; } /*----------------------------------------------------------------------------- ----------------------------- 3 - Home Content -------------------------------- -----------------------------------------------------------------------------*/ /* -- Home content -- */ .home-content div.entry { margin: 40px 15px 0 15px !important; padding: 15px 0 !important; } /* -- Home Header AD -- */ .headerlb { max-width: 350px; height: auto; display: block; margin:40px auto 0 auto;} .headerlb img { width: 350px;} /* -- Home Featured Posts -- */ #featured-posts { width: 360px; } ul.featured-home-posts { width: 360px; } ul.featured-home-posts li{ width: 180px; height: 205px; margin: 0px; } ul.featured-home-posts li img { width: 180px; height: 205px; border-radius: 0px; } ul.featured-home-posts li.big { width: 360px; height: 305px;} ul.featured-home-posts li.big img { width: 360px; height: 305px; } ul.featured-home-posts li:nth-child(4), ul.featured-home-posts li:nth-child(5) { display: none !important; } /* -- Home featured title -- */ ul.featured-home-posts li div.inner-big { margin: -300px auto 0 auto; } ul.featured-home-posts li div.inner-small { margin: -200px auto 0 auto; } ul.featured-home-posts li div.inner-small h2 { font-size: 16px; font-weight: 500; line-height: 26px; } ul.featured-home-posts li h2 { font-size: 22px; font-weight: 500; line-height: 34px; } /* ##### Big Search ##### */ .front-overlay-content { width: 100%; height: 240px; } .front-overlay-wrap { width: 100%; height: 240px; } .front-overlay-wrap h1 { width: 340px; margin: 0 auto; padding-top: 50px; font-weight: 700; font-size: 16px; line-height: 30px; word-spacing:0px; } /* -- Sub Header Search -- */ .front-overlay-content #searchform1 { width: 340px; height: auto; margin: 20px auto 5px auto;} .front-overlay-content #searchform1 #q { width: 180px; font-weight: bold; height: 50px; font-family: 'Ruda', sans-serif; float: left; border: none; padding: 0 20px; font-size: 13px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .front-overlay-content #searchform1 .buttonicon { width: 120px; height: 50px; float: right; border: none; text-align: center; text-transform: uppercase; font-family: 'Oswald', sans-serif; font-weight: 500; font-size: 17px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } /* -- Sub Header Search ( Popular Words ) -- */ .popular-words-search { display: none; } /* -- Masonry -- */ ul.masonry-full { width: 360px; height: auto; margin: 0 0 0 0; } ul.masonry-full li { float: left; width: 100%; max-height: 145px; border-radius: 3px; margin: 0 0 25px 0; background-color: #FFF; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); box-shadow: 0 1px 3px rgba(0,0,0,0.1); } ul.masonry-full li img { float: left; width: 145px; height: 145px; object-fit: cover; border-top-left-radius: 3px; border-bottom-left-radius: 3px;} ul.masonry-full li h2 { overflow-wrap: break-word; word-wrap: break-word; font-family: 'Oswald', sans-serif; margin: 35px 0 10px 0; font-size: 17px; font-weight: 400; line-height: 24px; } ul.masonry-full li h2 a { color: #192b33;} ul.masonry-full li div.masonry-full-content { width: 195px; /* +25+25 = 320 padding */ float: left; padding: 0 5px 10px 15px; } ul.masonry-full li p { display: none;} /* -- Masonry Small -- */ ul.masonry-small { width: 360px; height: auto; margin: 0 0 0 0; } ul.masonry-small li { float: left; width: 100%; max-height: 145px; border-radius: 3px; margin: 0 0 25px 0; background-color: #FFF; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); box-shadow: 0 1px 3px rgba(0,0,0,0.1); } ul.masonry-small li img { float: left; width: 145px; height: 145px; object-fit: cover; border-top-left-radius: 3px; border-bottom-left-radius: 3px;} ul.masonry-small li h2 { overflow-wrap: break-word; word-wrap: break-word; font-family: 'Oswald', sans-serif; margin: 35px 0 10px 0; font-size: 17px; font-weight: 400; line-height: 24px; } ul.masonry-small li h2 a { color: #192b33;} ul.masonry-small li div.masonry-small-content { width: 195px; /* +25+25 = 320 padding */ float: left; padding: 0 5px 10px 15px; } ul.masonry-small li p { display: none;} /* -- List -- */ ul.modern-list { width: 360px; height: auto; margin: 0 0 0 0; } ul.modern-list li { float: left; width: 100%; max-height: 145px; border-radius: 3px; margin: 0 0 25px 0; background-color: #FFF; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); box-shadow: 0 1px 3px rgba(0,0,0,0.1); } ul.modern-list li img { float: left; width: 145px; height: 145px; object-fit: cover; border-top-left-radius: 3px; border-bottom-left-radius: 3px;} ul.modern-list li h2 { overflow-wrap: break-word; word-wrap: break-word; font-family: 'Oswald', sans-serif; margin: 35px 0 10px 0; font-size: 17px; font-weight: 400; line-height: 24px; } ul.modern-list li h2 a { color: #192b33;} ul.modern-list li div.modern-list-content { width: 195px; /* +25+25 = 320 padding */ float: left; padding: 0 5px 10px 15px; } ul.modern-list li div.modern-list-content-full { width: 330px; /* +25+25 = 620 padding */ float: left; padding: 0 15px 15px 15px; } ul.modern-list li p { display: none;} /* -- Category ribbon -- */ .listbtn-category { margin: 0 0 0 -15px; position: relative; float: left; padding: 1px 5px; } @media screen and (-webkit-min-device-pixel-ratio:0) { .listbtn-category { padding: 2px 5px 1px 5px; } } /* -- Home social -- */ ul.home-social { width: auto; float: left; margin-left: 10px; margin-top: 0px;} ul.home-social li { width: 22px; margin-bottom: 0px; margin-left: 1px; float: left; text-align: center; border-radius: 2px; } ul.home-social li a { display: block; font-size: 11px; padding: 3px 3px 1px 3px; line-height: 18px; } /* -- Icons -- */ .sticky-lm .tooltiptext { display: none;} /* -- Pagination Box -- */ .quemag-pag { width: 360px; background: transparent; box-shadow: none; padding: 0px 0px;} .wp-pagenavi a { margin-bottom: 2px; } /* -- Home Title -- */ .home-title { display: none;} /* ################# ---- Modules ----- #################### -- */ div.content-modules { width: 360px; height: auto; margin: -20px auto 20px auto; } div.content-modules .widget-title { margin: 88px 0 0 -75px; } /* -- Module Grid -- */ ul.module-grid { float: left; width: 360px; height: auto; margin: 0 0 15px 0px; } ul.module-grid li { border-radius: 4px; width: 310px; height: auto; padding: 25px; float: left; margin: 0 0 15px 0px; background-color: #FFF; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); box-shadow: 0 1px 3px rgba(0,0,0,0.1); } ul.module-grid li img { float: left; width: 80px; height: 60px; margin: 0 15px 15px 0; border-radius: 3px; object-fit: cover; } ul.module-grid li h4 { margin: 0px 0 0 0; font-size: 17px; line-height: 30px; font-weight: 500;} /* -- Module AD -- */ div.module-ad { max-width: 350px; height: auto; margin: 0 auto 40px auto; } div.module-ad img { width: 350px; height: auto;} /*---------------------------------------------------------------------------- ----------------------------- 4 - Entry Content ------------------------------- -----------------------------------------------------------------------------*/ /* -- not-found -- */ .not-found { width: 270px; min-height: 40px; float: left; padding: 15px 30px 40px 30px; border-radius: 5px; background-color: #FFF; } .not-found #searchform2 { width: 270px; height: auto; float: left; margin: 25px 0 0 0; } .not-found #searchform2 #s { width: 188px; background-color: #f5f5f5; font-weight: bold; height: 40px; font-family: 'Ruda', sans-serif; float: left; border: none; padding: 1px 20px 1px 20px; font-size: 13px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .not-found #searchform2 .buttonicon { background-color: #f5f5f5; font-family: 'Font Awesome 5 Free'; font-size: 14px; font-weight: 700; width: 42px; height: 42px; float: right; border: none; text-align: center; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .not-found #searchform2 .buttonicon:hover { cursor: pointer; opacity: 0.7; } .not-found p { font-size: 16px; padding-top: 20px; line-height: 24px;} .not-found #searchform2 .triangle-search { display: none;} /* -- Entry Top / Featured Image */ .entry-top { margin: 0 10px; padding: 35px 0 20px 0; } /* - title - */ h1.article-title { font-size: 24px; font-weight: 700; line-height: 36px; margin: 15px 0 5px 0; } /* -- Entry content style -- */ .entry { width: auto; height: auto; margin: 0 25px 40px 50px;} body.page-template-default .entry { margin: 0 25px 40px 25px; } body.page-template-page .entry { margin: 0 25px 40px 25px; } /* -- Single Share -- */ #single-share { margin: 10px 0 0 -10px; padding: 5px 0; border-radius: 3px; background-color: #FFF; } /* -- Related articles single -- */ .single-related { width: 285px; height: auto; margin: 25px 0 0 50px; padding-bottom: 40px; border-bottom: 1px solid #f5f5f5;} .one_half_sr, .one_half_last_sr { float:left; width:285px; margin-bottom:10px; margin-right:0px; } .one_half_last_sr { width:285px; margin-right:0;} .one_half_sr { margin-bottom: 25px;} .one_half_sr img { width: 285px;} /* -- Author Link -- */ ul.author-social { margin: 2px 0 0 0px !important; } ul.author-social li { margin-top: 5px;} /* -- About Author -- */ .author-meta { width: 100%; margin-top: 30px; border-radius: 3px; float: left; } .author-meta-entry { padding: 15px 15px 25px 15px;} /* -- Related articles single -- */ .prev-articles .one_half { width: 100%; margin-right: 0px; } .prev-articles .one_half_last { width: 100%; margin-right: 0px; } .prev-articles { margin-right: 25px; margin-left: 50px; } /*----------------------------------------------------------------------------- ----------------------------- 6 - Comments Form ------------------------------- -----------------------------------------------------------------------------*/ .article-bottom { margin: 0 25px 0 50px;} #commentform { padding: 0px 0px 0px 0px; background: transparent; } /* -- Comment Attachment CSS -- */ p.dco-attachment img { width: 100%; } div.comment-body iframe { width: 100% !important; height: 180px; } /*----------------------------------------------------------------------------- ----------------------------- 7 - Contact Form -------------------------------- -----------------------------------------------------------------------------*/ form.wpcf7-form { padding: 40px 25px 10px 25px; margin:25px 0 -10px 0; } /*----------------------------------------------------------------------------- ----------------------------- 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 ------------------------------------- -----------------------------------------------------------------------------*/ .wrap-footer { height: 130px; } /* -- Footer Social Icons -- */ ul.footer-social li a span { display: none;} } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (max-width: 359px) { /*----------------------------------------------------------------------------- ----------------------------- 1 - Layout -------------------------------------- /* - Header - */ .main-header { width: 305px; } .wrap-center { width: 305px; } .wrap-middle { width: 305px; } /* - Layout content - */ .wrap-fullwidth { width: 305px; } .wrap-fullwidth-bg { width: 305px; } .wrap-fullwidth-bg .entry { width: auto; padding-left: 15px; padding-right: 15px;} /* .page-content */ .wrap-content { width: 305px; float: left; } .single-content { width: 305px; float: none; padding-top: 1px; margin-left: auto; margin-right: auto;} .wrap-masonry-small { width: 305px; float: none; margin-left: auto; margin-right: auto; } /* - sidebar - */ .sidebar-left { display: none;} .sidebar { width: 305px; float: left; margin-top: 30px; margin-left: 0px;} .sidebar .widget { width: 250px; display: block; float: left; margin-right: 0px; padding: 25px 27.5px 25px 27.5px;} /* -- Banner widget 300px -- */ .sidebar .widget .img-300 { padding: 25px 0;} /*----------------------------------------------------------------------------- ----------------------------- 2 - Header -------------------------------------- -----------------------------------------------------------------------------*/ /* -- Popular Words -- */ .popular-words { white-space: nowrap; width: 300px; overflow: hidden; text-overflow: ellipsis; } .popular-words a { font-size: 11px !important; margin-left: 3px;} .popular-words strong { display: none;} /* -- Logo -- */ .logo { margin-left: 10px; } /* -- Search -- */ #s { width: 24px; } #searchform2 { display: none;} /* -- Menu Icons Top List -- */ 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;} .ant-responsive-menu { margin-right: 0px !important; } /*----------------------------------------------------------------------------- ----------------------------- 3 - Home Content -------------------------------- -----------------------------------------------------------------------------*/ /* -- Home content -- */ .home-content div.entry { margin: 40px 15px 0 15px !important; padding: 15px 0 !important; } /* -- Home Header AD -- */ .headerlb { max-width: 300px; height: auto; display: block; margin:40px auto 0 auto;} .headerlb img { width: 300px;} /* -- Home Featured Posts -- */ #featured-posts { width: 305px; } ul.featured-home-posts { width: 305px; } ul.featured-home-posts li{ width: 152.5px; height: 205px; margin: 0px; } ul.featured-home-posts li img { width: 152.5px; height: 205px; border-radius: 0px; } ul.featured-home-posts li.big { width: 305px; height: 305px;} ul.featured-home-posts li.big img { width: 305px; height: 305px; } ul.featured-home-posts li:nth-child(4), ul.featured-home-posts li:nth-child(5) { display: none !important; } /* -- Home featured title -- */ ul.featured-home-posts li div.inner-big { width: 90%; margin: -300px auto 0 auto; } ul.featured-home-posts li div.inner-small { width: 90%; margin: -200px auto 0 auto; } ul.featured-home-posts li div.inner-small h2 { font-size: 14px; font-weight: 500; line-height: 24px; } ul.featured-home-posts li h2 { font-size: 18px; font-weight: 500; line-height: 28px; } /* ##### Big Search ##### */ .front-overlay-content { width: 100%; height: 240px; } .front-overlay-wrap { width: 100%; height: 240px; } .front-overlay-wrap h1 { width: 305px; margin: 0 auto; padding-top: 50px; font-weight: 500; font-size: 15px; line-height: 28px; word-spacing:0px; } /* -- Sub Header Search -- */ .front-overlay-content #searchform1 { width: 305px; height: auto; margin: 20px auto 5px auto;} .front-overlay-content #searchform1 #q { width: 165px; font-weight: bold; height: 50px; font-family: 'Ruda', sans-serif; float: left; border: none; padding: 0 20px; font-size: 13px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .front-overlay-content #searchform1 .buttonicon { width: 100px; height: 50px; float: right; border: none; text-align: center; text-transform: uppercase; font-family: 'Oswald', sans-serif; font-weight: 500; font-size: 15px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } /* -- Sub Header Search ( Popular Words ) -- */ .popular-words-search { display: none; } /* -- Masonry -- */ ul.masonry-full { width: 305px; height: auto; margin: 0 0 0 0; } ul.masonry-full li { float: left; width: 100%; max-height: 500px; border-radius: 3px; margin: 0 0 25px 0; background-color: #FFF; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); box-shadow: 0 1px 3px rgba(0,0,0,0.1); } ul.masonry-full li img { float: left; width: 305px; height: 225px; object-fit: cover; border-top-left-radius: 3px; border-bottom-left-radius: 3px;} ul.masonry-full li h2 { overflow-wrap: break-word; word-wrap: break-word; font-family: 'Oswald', sans-serif; margin: 35px 0 10px 0; font-size: 17px; font-weight: 400; line-height: 24px; } ul.masonry-full li h2 a { color: #192b33;} ul.masonry-full li div.masonry-full-content { width: 255px; /* +25+25 = 320 padding */ float: left; padding: 0 5px 15px 15px; } ul.masonry-full li p { display: none;} /* -- Masonry Small -- */ ul.masonry-small { width: 305px; height: auto; margin: 0 0 0 0; } ul.masonry-small li { float: left; width: 100%; max-height: 500px; border-radius: 3px; margin: 0 0 25px 0; background-color: #FFF; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); box-shadow: 0 1px 3px rgba(0,0,0,0.1); } ul.masonry-small li img { float: left; width: 305px; height: 225px; object-fit: cover; border-top-left-radius: 3px; border-bottom-left-radius: 3px;} ul.masonry-small li h2 { overflow-wrap: break-word; word-wrap: break-word; font-family: 'Oswald', sans-serif; margin: 35px 0 10px 0; font-size: 17px; font-weight: 400; line-height: 24px; } ul.masonry-small li h2 a { color: #192b33;} ul.masonry-small li div.masonry-small-content { width: 255px; /* +25+25 = 320 padding */ float: left; padding: 0 5px 15px 15px; } ul.masonry-small li p { display: none;} /* -- List -- */ ul.modern-list { width: 305px; height: auto; margin: 0 0 0 0; } ul.modern-list li { float: left; width: 100%; max-height: 500px; border-radius: 3px; margin: 0 0 25px 0; background-color: #FFF; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); box-shadow: 0 1px 3px rgba(0,0,0,0.1); } ul.modern-list li img { float: left; width: 305px; height: 225px; object-fit: cover; border-top-left-radius: 3px; border-bottom-left-radius: 3px;} ul.modern-list li h2 { overflow-wrap: break-word; word-wrap: break-word; font-family: 'Oswald', sans-serif; margin: 35px 0 10px 0; font-size: 17px; font-weight: 400; line-height: 24px; } ul.modern-list li h2 a { color: #192b33;} ul.modern-list li div.modern-list-content { width: 255px; /* +25+25 = 320 padding */ float: left; padding: 0 5px 15px 15px; } ul.modern-list li div.modern-list-content-full { width: 255px; /* +25+25 = 620 padding */ float: left; padding: 0 15px 15px 15px; } ul.modern-list li p { display: none;} /* -- Category ribbon -- */ .listbtn-category { margin: 0 0 0 -15px; position: relative; float: left; padding: 1px 5px; } @media screen and (-webkit-min-device-pixel-ratio:0) { .listbtn-category { padding: 2px 5px 1px 5px; } } /* -- Home social -- */ ul.home-social { width: auto; float: left; margin-left: 10px; margin-top: 0px;} ul.home-social li { width: 22px; margin-bottom: 0px; margin-left: 1px; float: left; text-align: center; border-radius: 2px; } ul.home-social li a { display: block; font-size: 11px; padding: 3px 3px 1px 3px; line-height: 18px; } /* -- Icons -- */ .sticky-lm .tooltiptext { display: none;} /* -- Pagination Box -- */ .quemag-pag { width: 305px; background: transparent; box-shadow: none; padding: 0px 0px;} .wp-pagenavi a { margin-bottom: 2px; } /* -- Home Title -- */ .home-title { display: none;} /* ################# ---- Modules ----- #################### -- */ div.content-modules { width: 305px; height: auto; margin: -20px auto 20px auto; } div.content-modules .widget-title { margin: 88px 0 0 -75px; } /* -- Module Grid -- */ ul.module-grid { float: left; width: 305px; height: auto; margin: 0 0 15px 0px; } ul.module-grid li { border-radius: 4px; width: 255px; height: auto; padding: 25px; float: left; margin: 0 0 15px 0px; background-color: #FFF; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); box-shadow: 0 1px 3px rgba(0,0,0,0.1); } ul.module-grid li img { float: left; width: 80px; height: 60px; margin: 0 15px 15px 0; border-radius: 3px; object-fit: cover; } ul.module-grid li h4 { margin: 0px 0 0 0; font-size: 14px; line-height: 26px; font-weight: 500;} /* -- Module AD -- */ div.module-ad { max-width: 300px; height: auto; margin: 0 auto 40px auto; } div.module-ad img { width: 300px; height: auto;} /*---------------------------------------------------------------------------- ----------------------------- 4 - Entry Content ------------------------------- -----------------------------------------------------------------------------*/ /* -- not-found -- */ .not-found { width: 200px; min-height: 40px; float: left; padding: 15px 30px 40px 30px; border-radius: 5px; background-color: #FFF; } .not-found #searchform2 { width: 200px; height: auto; float: left; margin: 25px 0 0 0; } .not-found #searchform2 #s { width: 118px; background-color: #f5f5f5; font-weight: bold; height: 40px; font-family: 'Ruda', sans-serif; float: left; border: none; padding: 1px 20px 1px 20px; font-size: 13px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .not-found #searchform2 .buttonicon { background-color: #f5f5f5; font-family: 'Font Awesome 5 Free'; font-size: 14px; font-weight: 700; width: 42px; height: 42px; float: right; border: none; text-align: center; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .not-found #searchform2 .buttonicon:hover { cursor: pointer; opacity: 0.7; } .not-found p { font-size: 16px; padding-top: 20px; line-height: 24px;} .not-found #searchform2 .triangle-search { display: none;} /* -- Entry Top / Featured Image */ .entry-top { margin: 0 10px; padding: 35px 0 20px 0; } /* - title - */ h1.article-title { font-size: 18px; font-weight: 700; line-height: 36px; margin: 15px 0 5px 0; } /* -- Entry content style -- */ .entry { width: auto; height: auto; margin: 0 25px 40px 50px;} body.page-template-default .entry { margin: 0 25px 40px 25px; } body.page-template-page .entry { margin: 0 25px 40px 25px; } /* -- Single Share -- */ #single-share { margin: 10px 0 0 -10px; padding: 5px 0; border-radius: 3px; background-color: #FFF; } /* -- Related articles single -- */ .single-related { width: 230px; height: auto; margin: 25px 0 0 50px; padding-bottom: 40px; border-bottom: 1px solid #f5f5f5;} .one_half_sr, .one_half_last_sr { float:left; width:230px; margin-bottom:10px; margin-right:0px; } .one_half_last_sr { width:230px; margin-right:0;} .one_half_sr { margin-bottom: 25px;} .one_half_sr img { width: 230px;} /* -- Author Link -- */ ul.author-social { margin: 2px 0 0 0px !important; } ul.author-social li { margin-top: 5px;} /* -- About Author -- */ .author-meta { width: 100%; margin-top: 30px; border-radius: 3px; float: left; } .author-meta-entry { padding: 15px 15px 25px 15px;} /* -- Related articles single -- */ .prev-articles .one_half { width: 100%; margin-right: 0px; } .prev-articles .one_half_last { width: 100%; margin-right: 0px; } .prev-articles { margin-right: 25px; margin-left: 50px; } /*----------------------------------------------------------------------------- ----------------------------- 6 - Comments Form ------------------------------- -----------------------------------------------------------------------------*/ .article-bottom { margin: 0 25px 0 50px;} #commentform { padding: 0px 0px 0px 0px; background: transparent; } /* -- Comment Attachment CSS -- */ p.dco-attachment img { width: 100%; } div.comment-body iframe { width: 100% !important; height: 180px; } /*----------------------------------------------------------------------------- ----------------------------- 7 - Contact Form -------------------------------- -----------------------------------------------------------------------------*/ form.wpcf7-form { padding: 40px 25px 10px 25px; margin:25px 0 -10px 0; } /*----------------------------------------------------------------------------- ----------------------------- 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: 50px; 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 ------------------------------------- -----------------------------------------------------------------------------*/ .wrap-footer { height: 160px; } footer, .wrap-footer { width: 100%;} /* -- Footer Social Icons -- */ ul.footer-social li a span { display: none;} }