body { background: #1d1d1d; font-size:14px; width:100%;color: #fff; } a { -moz-transition:color .2s ease,border-bottom-color .2s ease; -webkit-transition:color .2s ease,border-bottom-color .2s ease; -ms-transition:color .2s ease,border-bottom-color .2s ease; transition:color .2s ease,border-bottom-color .2s ease; color:inherit; text-decoration:none } a:before { -moz-transition:color .2s ease; -webkit-transition:color .2s ease; -ms-transition:color .2s ease; transition:color .2s ease; text-decoration:none } a:hover { border-bottom-color: transparent; color: #e40000 !important; text-decoration: none; } a:hover:before { color:#9382c6!important } a:focus { color: #e40000 !important; text-decoration: none; } b, strong { font-weight:700 } em, i { font-style:italic } p { margin:0 0 2em 0 } h1, h2, h3, h4, h5, h6 { color:#3c3b3b; font-family:Raleway,Helvetica,sans-serif; font-weight:800; letter-spacing:.25em; line-height:1.65; margin:0 0 1em 0; text-transform:uppercase } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { border-bottom:0 } h2 { font-size:1.1em } h3 { font-size:.9em } h4 { font-size:.7em } h5 { font-size:.7em } h6 { font-size:.7em } sub { font-size:.8em; position:relative; top:.5em } sup { font-size:.8em; position:relative; top:-.5em } blockquote { border-left:solid 4px rgba(160,160,160,.3); font-style:italic; margin:0 0 2em 0; padding:.5em 0 .5em 2em } code { background:rgba(160,160,160,.075); border:solid 1px rgba(160,160,160,.3); font-family:"Courier New",monospace; font-size:.9em; margin:0 .25em; padding:.25em .65em } pre { -webkit-overflow-scrolling:touch; font-family:"Courier New",monospace; font-size:.9em; margin:0 0 2em 0 } pre code { display:block; line-height:1.75em; padding:1em 1.5em; overflow-x:auto } hr { border:0; border-bottom:solid 1px rgba(160,160,160,.3); margin:2em 0 } hr.major { margin:3em 0 } .align-left { text-align:left } .align-center { text-align:center } .align-right { text-align:right } .author { display:-moz-flex; display:-webkit-flex; display:-ms-flex; display:flex; -moz-flex-direction:row; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -moz-align-items:center; -webkit-align-items:center; -ms-align-items:center; align-items:center; -moz-justify-content:-moz-flex-end; -webkit-justify-content:-webkit-flex-end; -ms-justify-content:-ms-flex-end; justify-content:flex-end; border-bottom:0; font-family:Raleway,Helvetica,sans-serif; font-size:.6em; font-weight:400; letter-spacing:.25em; text-transform:uppercase; white-space:nowrap } .author .name { display:block; margin:0 1.5em 0 0 } .author img { border-radius:100%; display:block; width:4em } .author:hover .name { border-bottom-color:transparent } .box { border:solid 1px rgba(160,160,160,.3); margin-bottom:2em; padding:1.5em } .box>:last-child, .box>:last-child>:last-child, .box>:last-child>:last-child>:last-child { margin-bottom:0 } .box.alt { border:0; border-radius:0; padding:0 } /*.navbar-nav>li { border-left:solid 1px rgba(160,160,160,.3); line-height:1 }*/ .navbar-nav > li { border-left: none; line-height: 1; padding: 17px 0; } .navbar-fixed-top .navbar-nav > li { padding: 15px 0; } .button { -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; appearance: none; -moz-transition: background-color .2s ease,box-shadow .2s ease,color .2s ease; -webkit-transition: background-color .2s ease,box-shadow .2s ease,color .2s ease; -ms-transition: background-color .2s ease,box-shadow .2s ease,color .2s ease; transition: background-color .2s ease,box-shadow .2s ease,color .2s ease; background-color: transparent; border: 0; box-shadow: inset 0 0 0 1px rgba(160,160,160,.3); color: #3c3b3b !important; cursor: pointer; display: inline-block; font-family: Raleway,Helvetica,sans-serif; font-size: .6em; font-weight: 800; height: 50px; letter-spacing: .25em; line-height: 3.813em; padding: 0 2.5em; text-align: center; text-decoration: none; text-transform: uppercase; white-space: nowrap; } .button:hover, button:hover { box-shadow:inset 0 0 0 1px #9382c6; color:#9382c6!important } .button:hover:active, button:hover:active { background-color:rgba(46,186,174,.05) } .button:after, .button:before, button:after, button:before { color:#aaa; position:relative } .button:before, button:before { left:-1em; padding:0 0 0 .75em } .button:after, button:after { left:1em; padding:0 .75em 0 0 } .button.fit { display:block; margin:0 0 1em 0; width:100% } .button.big { font-size: 17px; padding: 7px 0; margin-left: 1em; display: block; background: #e40000; color: #fff !important; letter-spacing: 1px; text-transform: capitalize; width: 200px; text-align: center; font-family: 'Source Sans Pro', sans-serif; height: 40px; line-height: normal; border-radius: 4px; } .button.small, button.small { font-size:.5em } .button.disabled, .button:disabled, button.disabled, button:disabled { -moz-pointer-events: none; -webkit-pointer-events: none; -ms-pointer-events: none; pointer-events: none; color: #fff !important; opacity: .3; } .button.disabled:before, .button:disabled:before, button.disabled:before, button:disabled:before { color:rgba(160,160,160,.3)!important } .blog-media { width:100%; display:block; margin:0 0 3em 0 } .format-video iframe { width:100%; min-height:344px; display:block; margin:0 0 3em 0 } .blog-media.format-audio .featured-wrapper::before { top:auto; bottom:0; height:50px } .blog-media iframe { width:100%; height:203px } @media (min-width :992px) and (max-width :1199px) { .blog-media.format-audio iframe { height:165px } } .image { border:0; display:inline-block; position:relative } .image img { display:block } .image.left, .image.right { max-width:40% } .image.left img, .image.right img { width:100% } .image.left { float:left; padding:0 1.5em 1em 0; top:.25em } .image.right { float:right; padding:0 0 1em 1.5em; top:.25em } .image.fit { display:block; margin:0 0 2em 0; width:100% } .image.fit img { width:100% } .image.featured { display:block; margin:0; width:100% } .image.featured img { width:100% } @media screen and (max-width:736px) { .image.featured { margin:0 0 1.5em 0 } } .image.main { display:block; margin:0 0 3em 0; width:100% } .image.main img { width:100% } ol { list-style:none; margin:0 0 2em 0; padding-left:1.25em } ol li { padding-left:.25em } ul { list-style:none; margin:0 0 2em 0; padding-left:1em } ul.alt { list-style:none; padding-left:0 } ul.alt li { border-top:solid 1px rgba(160,160,160,.3); padding:.5em 0 } ul.alt li:first-child { border-top:0; padding-top:0 } ul.icons { cursor:default; list-style:none; padding-left:0 } ul.icons li { display:inline-block; padding:0 1em 0 0 } ul.icons li:last-child { padding-right:0 } ul.icons li>* { text-decoration:none; border:0 } ul.icons li>:before { -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; font-family:FontAwesome; font-style:normal; font-weight:400; text-transform:none!important } ul.icons li>* .label { display:none } ul.actions { cursor:default; list-style:none; padding-left:0; margin-bottom:2em; } ul.actions li { display:inline-block; margin-bottom:10px; vertical-align:middle } ul.actions li:last-child { padding-right:0 } ul.actions.pagination .next { text-decoration:none } ul.actions.pagination .next:after { content:""; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; font-family:FontAwesome; font-style:normal; font-weight:400; text-transform:none!important } ul.actions.pagination .next:after { content:'\f054' } ul.actions.pagination .previous { text-decoration:none } ul.actions.pagination .previous:before { content:""; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; font-family:FontAwesome; font-style:normal; font-weight:400; text-transform:none!important } ul.actions.pagination .previous:before { content:'\f053' } @media screen and (max-width:1280px) { ul.actions.pagination { text-align:center } ul.actions.pagination .next, ul.actions.pagination .previous { min-width:20em } } @media screen and (max-width:736px) { ul.actions.pagination .next, ul.actions.pagination .previous { min-width:18em } } ul.actions.small li { padding:0 1em 0 0 } ul.actions.vertical li { display:block; padding:1.5em 0 0 0 } ul.actions.vertical li:first-child { padding-top:0 } ul.actions.vertical li>* { margin-bottom:0 } ul.actions.vertical.small li { padding:1em 0 0 0 } ul.actions.vertical.small li:first-child { padding-top:0 } ul.actions.fit { display:table; margin-left:-1em; padding:0; table-layout:fixed; width:calc(100% + 1em) } ul.actions.fit li { display:table-cell; padding:0 0 0 1em } ul.actions.fit li>* { margin-bottom:0 } ul.actions.fit.small { margin-left:-.5em; width:calc(100% + .5em) } ul.actions.fit.small li { padding:0 0 0 .5em } @media screen and (max-width:480px) { ul.actions { margin:0 0 2em 0 } ul.actions li { text-align:center; width:100% } ul.actions li:first-child { padding-top:0 } ul.actions li>* { width:100%; margin:0!important } ul.actions.small li { padding:.5em 0 0 0 } ul.actions.small li:first-child { padding-top:0 } } ul.posts { list-style:none; padding:0 } ul.posts li { border-top:dotted 1px rgba(160,160,160,.3); margin:1.5em 0 0 0; padding:1.5em 0 0 0 } ul.posts li:first-child { border-top:0; margin-top:0; padding-top:0 } ul.posts article { display:-moz-flex; display:-webkit-flex; display:-ms-flex; display:flex; -moz-align-items:-moz-flex-start; -webkit-align-items:-webkit-flex-start; -ms-align-items:-ms-flex-start; align-items:flex-start; -moz-flex-direction:row-reverse; -webkit-flex-direction:row-reverse; -ms-flex-direction:row-reverse; flex-direction:row-reverse } ul.posts article .image { display:block; margin-right:1.5em; min-width:4em; width:4em } ul.posts article .image img { width:100% } ul.posts article header { -moz-flex-grow:1; -webkit-flex-grow:1; -ms-flex-grow:1; flex-grow:1; -ms-flex:1 } ul.posts article header h3 { font-size: 14px; color: #fff; letter-spacing: normal; text-transform: capitalize; margin-bottom: 7px; line-height: 16px; } ul.posts article header .published { display:block; font-family:Raleway,Helvetica,sans-serif; font-size:.6em; font-weight:400; letter-spacing:.25em; margin:-.625em 0 1.7em 0; text-transform:uppercase } ul.posts article header>:last-child { margin-bottom:0 } dl { margin:0 0 2em 0 } dl dt { display:block; font-weight:700; margin:0 0 1em 0 } dl dd { margin-left:2em } .title { color: #fff; font-family: Raleway,Helvetica,sans-serif; font-weight: 800; letter-spacing: normal; line-height: 1.65; text-transform: uppercase; font-size: 23PX; } #wrapper { display:-moz-flex; display:-webkit-flex; display:-ms-flex; display:flex; -moz-flex-direction:row-reverse; -webkit-flex-direction:row-reverse; -ms-flex-direction:row-reverse; flex-direction:row-reverse; -moz-transition:opacity .5s ease; -webkit-transition:opacity .5s ease; -ms-transition:opacity .5s ease; transition:opacity .5s ease; margin:0 auto; max-width:100%; opacity:1; padding:4.5em; width:90em } body.is-menu-visible #wrapper { opacity:.15 } @media screen and (max-width:1680px) { #wrapper { padding:3em } } @media screen and (max-width:1280px) { #wrapper { display:block } } @media screen and (max-width:736px) { #wrapper { padding:1.5em } } .navbar-default { background: #090909; } .navbar-default .navbar-header .navbar-toggle[aria-expanded=false] { border-color:#9382c6; background-color:transparent } .navbar-default .navbar-header .navbar-toggle[aria-expanded=false] span { background:#9382c6 } .navbar-default .navbar-header .navbar-toggle[aria-expanded="true"] { border-color: #e40000; background: #e40000; } .navbar-default .navbar-header .navbar-toggle[aria-expanded=true] span { background:#fff } @media (max-width:991px) { .navbar-default .navbar-collapse { border-color:rgba(160,160,160,.3) } } .navbar-default .navbar-collapse .nav li a { color:#333; -webkit-transition:all .3s linear 0s; transition:all .3s linear 0s } .navbar-default .navbar-collapse .nav li a:focus, .navbar-default .navbar-collapse .nav li a:hover { background:0 0; color:#fff } .navbar-default .navbar-collapse .nav li .dropdown-menu { background:#fff } .navbar-default .navbar-collapse .nav li .dropdown-menu li+li { border-top-color:rgba(160,160,160,.3) } .navbar-default .navbar-collapse .nav li .dropdown-menu li a { color:#333 } .navbar-default .navbar-collapse .nav li.active>a { color:#9382c6 } .navbar-default .navbar-collapse .nav li.open a, .navbar-default .navbar-collapse .nav li:hover a { -webkit-transition:all .3s linear 0s; transition:all .3s linear 0s } .navbar-default .navbar-collapse .nav li.open a:focus, .navbar-default .navbar-collapse .nav li.open a:hover, .navbar-default .navbar-collapse .nav li:hover a:focus, .navbar-default .navbar-collapse .nav li:hover a:hover { background:0 0; color:#fff } .navbar-default.style2 { background:#fff } .navbar-default.style2 .navbar-header .navbar-toggle[aria-expanded=false] { border-color:#243c4f } .navbar-default.style2 .navbar-header .navbar-toggle[aria-expanded=false] span { background:#243c4f } .navbar-default.style2 .navbar-header .navbar-toggle[aria-expanded=true] { border-color:#00b4fa; background:#00b4fa } .navbar-default.style2 .navbar-header .navbar-toggle[aria-expanded=true] span { background:#fff } @media (max-width:991px) { .navbar-default.style2 .navbar-collapse { border-top-color:#e5ecf1 } } .navbar-default.style2 .navbar-collapse .nav li .dropdown-menu li a { -webkit-transition:all .3s linear 0s; transition:all .3s linear 0s } .navbar-default.style2 .navbar-collapse .nav li .dropdown-menu li a:focus, .navbar-default.style2 .navbar-collapse .nav li .dropdown-menu li a:hover { background:0 0; color:#fff } .navbar-default.style2 .navbar-collapse .nav li.active>a { color:#333 } .navbar-default.style2 .navbar-collapse .nav li.open a, .navbar-default.style2 .navbar-collapse .nav li:hover a { -webkit-transition:all .3s linear 0s; transition:all .3s linear 0s } .navbar-default.style2 .navbar-collapse .nav li.open a:focus, .navbar-default.style2 .navbar-collapse .nav li.open a:hover, .navbar-default.style2 .navbar-collapse .nav li:hover a:focus, .navbar-default.style2 .navbar-collapse .nav li:hover a:hover { background:0 0; color:#243c4f } @media (max-width:768px) { .social-links { float:none; display:table; margin:0 auto; border-top:1px solid } } @media (max-width:991px) { .navbar-nav>li { border-left:none } } .social-links li { float:left; border-left:1px solid; border-color:rgba(160,160,160,.3) } .social-links li:last-child { float:left; border-right:1px solid; border-color:rgba(160,160,160,.3) } .social-links a { padding:0 20px; line-height:40px; letter-spacing:.25px; font-size:15px } .social-links a i { font-size:15px } .navbar-default { border:0; -webkit-box-shadow:0 3px 5px 0 rgba(0,0,0,.12); box-shadow:0 3px 5px 0 rgba(0,0,0,.12); margin-bottom:0 } .navbar-default .navbar-header { margin:0 } .navbar-default .navbar-header .navbar-toggle { margin:14px 0 0; border-radius:0 } .navbar-default .navbar-header .navbar-brand { margin:14px 35px 14px 0; padding:0; height:32px } .navbar-default .navbar-header .navbar-brand img { max-height:32px } .navbar-default .navbar-collapse .btn-outline { margin-top:29px; margin-left:20px } .navbar-default .navbar-collapse .nav { margin: 0 26px; } .navbar-default .navbar-collapse .nav li a { text-shadow: none; padding: 0 20px; font-size: 21px; text-transform: capitalize; line-height: 22px; text-align: center; color: #fff; font-family: 'Source Sans Pro', sans-serif; } .navbar-default .navbar-collapse .nav li .dropdown-menu { border-radius:0; left:0; right:auto; min-width:200px } @media (min-width:1025px) { .navbar-default .navbar-collapse .nav li .dropdown-menu { display:block; z-index:-10000; -webkit-transform:rotateX(-90deg); transform:rotateX(-90deg); -webkit-perspective-origin:top center; perspective-origin:top center; -webkit-transform-origin:top; -ms-transform-origin:top; transform-origin:top; -webkit-transition:all .3s linear 0s; transition:all .3s linear 0s } } .navbar-default .navbar-collapse .nav li .dropdown-menu li+li { border-top:1px solid; border-color:rgba(160,160,160,.3) } .navbar-default .navbar-collapse .nav li .dropdown-menu li a { line-height:40px } @media (max-width:991px) { .navbar-default .navbar-collapse .nav li.dropdown>a:after { content:"\f107"; font-family:FontAwesome; float:right } } .navbar-default .navbar-collapse .nav li.active>a { -webkit-box-shadow:none; box-shadow:none; background:0 0 } .navbar-default .navbar-collapse .nav li.open a, .navbar-default .navbar-collapse .nav li:hover a { background:0 0; -webkit-box-shadow:none; box-shadow:none } @media (min-width:1025px) { .navbar-default .navbar-collapse .nav li.open .dropdown-menu, .navbar-default .navbar-collapse .nav li:hover .dropdown-menu { z-index:10000; -ms-transform:scale(1,1); transform:scale(1,1) } } .navbar-default.affix { width:100%; top:0 } .navbar-default.affix .navbar-header .navbar-brand { margin:15px 0 } .navbar-default.affix .navbar-collapse .btn-outline { margin-top:8px } .navbar-default.affix .navbar-collapse .nav li a { line-height:62px } .navbar-default.affix+.row { margin-top:62px } @media (max-width:991px) { .navbar-default .navbar-header .navbar-brand, .navbar-default.affix .navbar-header .navbar-brand { margin:15px 0 } .navbar-default .navbar-collapse, .navbar-default.affix .navbar-collapse { max-height:280px } .navbar-default .navbar-collapse .btn-outline, .navbar-default.affix .navbar-collapse .btn-outline { margin-top:8px } .navbar-default .navbar-collapse .nav li a, .navbar-default.affix .navbar-collapse .nav li a { line-height:50px } } .featured-area { margin-bottom: 0; margin-top: 0; } .featured-area.nopromo { margin-top:20px } .feat-item { display:block; width:100%; max-height:530px; background-size:cover; background-repeat:no-repeat; background-position:center } .feat-item:hover .feat-inner{ background: rgba(0, 0, 0, 0.88) !important; } .feat-overlay { height:100%; display:block; vertical-align:middle; text-align:center; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s } .feat-inner { margin:0 auto; background:rgba(0,0,0,.2); padding:25px 3% 25px; position:absolute; bottom:0; left:0; width:100%; transition:.6s } .feat-overlay .cat a { display:inline-block; margin:0 3px 13px; color:#fff; font-size:11px; text-transform:uppercase; letter-spacing:2px; padding-bottom:2px } .feat-overlay h2 { color:#fff; font-size:24px; line-height:1.4em; font-weight:400; text-transform:uppercase; letter-spacing:3px; margin-bottom:16px } .feat-overlay h2 a { color: #fff; display: block; font-family: 'Playfair Display', serif; text-transform: capitalize; font-weight: 700; font-size: 30px; } .comment-form-comment { float:right; width:56% } .feat-more { color: #fff; padding: 12px 17px; font-size: 11px; text-transform: uppercase; letter-spacing: 5px; border: 2px solid #e40000; display: inline-block; -o-transition: .25s; -ms-transition: .25s; -moz-transition: .25s; -webkit-transition: .25s; transition: .25s; background: #e40000; font-weight: bold; letter-spacing: normal; } .feat-more:hover { background:#fff; color:#000 } .owl-theme .owl-nav { margin-top:10px; text-align:center; -webkit-tap-highlight-color:transparent; position:absolute; top:40%; width:100% } .owl-theme .owl-nav [class*=owl-] { color:#111633; font-size:14px; margin:5px; padding:4px 10px; background:0 0; display:inline-block; cursor:pointer; border-radius:0; position:absolute } .owl-carousel:hover .owl-nav [class*=owl-] { color:#111633; font-size:14px; margin:5px; padding:4px 10px; background:rgba(0,0,0,.3); display:inline-block; cursor:pointer; border-radius:0; position:absolute } .owl-prev { left:-5px } .owl-next { right:-5px } .owl-nav i.fa { font-size:30px; opacity:0; color:#fff } .owl-carousel:hover .owl-nav i.fa { font-size:30px; opacity:1; color:#fff } .mini-post { display: -moz-flex; display: -webkit-flex; display: -ms-flex; display: flex; -moz-flex-direction: column-reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; background: #000; border: none; margin: 0 0 2em 0; } .mini-post .image { overflow:hidden; width:100% } .mini-post .image img { -moz-transition:-moz-transform .2s ease-out; -webkit-transition:-webkit-transform .2s ease-out; -ms-transition:-ms-transform .2s ease-out; transition:transform .2s ease-out; width:100% } .mini-post .image:hover img { -moz-transform:scale(1.05); -webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05) } .mini-post header { padding:1.25em 4.25em .1em 1.25em; min-height:4em; position:relative; -moz-flex-grow:1; -webkit-flex-grow:1; -ms-flex-grow:1; flex-grow:1 } .mini-post header h3 { font-size: 13px; color: #fff; letter-spacing: normal; margin-bottom: 6px; } .mini-post header .published { display:block; font-family:Raleway,Helvetica,sans-serif; font-size:.6em; font-weight:400; letter-spacing:.25em; margin:-.625em 0 1.7em 0; text-transform:uppercase } .mini-post header .author { position: absolute; right: 6px; top: 8px; color: #b70000; font-size: 50px; } .mini-posts { margin:0 0 2em 0 } @media screen and (max-width:1280px) { .mini-posts { display:-moz-flex; display:-webkit-flex; display:-ms-flex; display:flex; -moz-flex-wrap:wrap; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; width:calc(100% + 2em) } .mini-posts>* { margin:2em 2em 0 0; width:calc(50% - 2em) } } @media screen and (max-width:480px) { .mini-posts { display:block; width:100% } .mini-posts>* { margin:0 0 2em 0; width:100% } } #box_slide .post { margin-bottom: 0; } .post { padding: 0; margin: 0 0 0px 0; position: relative; overflow: hidden; margin-left: 0; margin-right: 0px; background: #292929 !important; /* box-shadow: 0px 0px 19px 0px #0006; */ } .post>header { padding: 1em; } .post>header .title { -moz-flex-grow:1; -webkit-flex-grow:1; -ms-flex-grow:1; flex-grow:1; -ms-flex:1; padding:0; } .post p { font-family: 'Source Sans Pro', sans-serif; font-size: 15px; line-height: 17px; height: 100px; } .post > header .title h2 { font-weight: 600; font-size: 20px; color: #fff; word-spacing: 2px; letter-spacing: 1px; text-transform: capitalize; font-family: 'Playfair Display', serif; } .post>header .title>:last-child { margin-bottom:0 } .post>header .meta { padding:2.75em 2em 2.75em 2em; border-left:solid 1px rgba(160,160,160,.3); min-width:17em; text-align:right; width:17em } .post>header .meta>* { margin:0 0 1em 0 } .post>header .meta>:last-child { margin-bottom:0 } .post>header .meta .published { color:#3c3b3b; display:block; font-family:Raleway,Helvetica,sans-serif; font-size:.7em; font-weight:800; letter-spacing:.25em; margin-top:.5em; text-transform:uppercase; white-space:nowrap } .post>.image.featured { overflow:hidden } .post>.image.featured img { -moz-transition:-moz-transform .2s ease-out; -webkit-transition:-webkit-transform .2s ease-out; -ms-transition:-ms-transform .2s ease-out; transition:transform .2s ease-out } .post>.image.featured:hover img { -moz-transform:scale(1.05); -webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05) } .post>footer { /*! display:-moz-flex; *//*! display:-webkit-flex; *//*! display:-ms-flex; *//*! display:flex; *//*! -moz-align-items:center; *//*! -webkit-align-items:center; */-ms-align-items:center; /*! align-items:center; */ } .post>footer .actions { -moz-flex-grow:1; -webkit-flex-grow:1; -ms-flex-grow:1; flex-grow:1 } .post>footer .stats { cursor:default; list-style:none; padding:0 } .post>footer .stats li { border-left:solid 1px rgba(160,160,160,.3); display:inline-block; font-family:Raleway,Helvetica,sans-serif; font-size:.6em; font-weight:400; letter-spacing:.25em; line-height:1; margin:0 0 0 2em; padding:0 0 0 2em; text-transform:uppercase } .post>footer .stats li:first-child { border-left:0; margin-left:0; padding-left:0 } .post>footer .stats li .icon { border-bottom:0 } .post>footer .stats li .icon:before { color:rgba(160,160,160,.3); margin-right:.75em } @media screen and (max-width:980px) { .post { border-left:0; border-right:0 } .post>header { -moz-flex-direction:column; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; padding:3.75em 3em 1.25em 3em; border-left:0 } .post>header .title { -ms-flex:0 1 auto; margin:0 0 2em 0; padding:0; text-align:center } .post>header .meta { -moz-align-items:center; -webkit-align-items:center; -ms-align-items:center; align-items:center; display:-moz-flex; display:-webkit-flex; display:-ms-flex; display:flex; -moz-justify-content:center; -webkit-justify-content:center; -ms-justify-content:center; justify-content:center; border-left:0; margin:0 0 2em 0; padding-top:0; padding:0; text-align:left; width:100% } .post>header .meta>* { border-left:solid 1px rgba(160,160,160,.3); margin-left:2em; padding-left:2em } .post>header .meta>:first-child { border-left:0; margin-left:0; padding-left:0 } .post>header .meta .published { margin-bottom:0; margin-top:0 } .post>header .meta .author { -moz-flex-direction:row-reverse; -webkit-flex-direction:row-reverse; -ms-flex-direction:row-reverse; flex-direction:row-reverse; margin-bottom:0 } .post>header .meta .author .name { margin:0 0 0 1.5em } .post>header .meta .author img { width:3.5em } } @media screen and (max-width:736px) { .post, .related { padding: 0; margin: 0 0 0em 0; } .post>header { padding:3em 1.5em .5em 1.5em } .post>header .title h2 { font-size:1.1em } } @media screen and (max-width:480px) { .post>header .meta { -moz-align-items:center; -webkit-align-items:center; -ms-align-items:center; align-items:center; -moz-flex-direction:column; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column } .post>header .meta>* { border-left:0; margin:1em 0 0 0; padding-left:0 } .post>header .meta .author .name { display:none } .post>footer { -moz-align-items:stretch; -webkit-align-items:stretch; -ms-align-items:stretch; align-items:stretch; -moz-flex-direction:column-reverse; -webkit-flex-direction:column-reverse; -ms-flex-direction:column-reverse; flex-direction:column-reverse } .post>footer .stats { text-align:center } .post>footer .stats li { margin:0 0 0 1.25em; padding:0 0 0 1.25em } } article.special, section.special { text-align:center } header p { font-family:Raleway,Helvetica,sans-serif; font-size:.7em; font-weight:400; letter-spacing:.25em; line-height:2.5; margin-top:-1em; text-transform:uppercase } .table-wrapper { -webkit-overflow-scrolling:touch; overflow-x:auto } table { margin:0 0 2em 0; width:100% } table tbody tr { border:solid 1px rgba(160,160,160,.3); border-left:0; border-right:0 } table tbody tr:nth-child(2n+1) { background-color:rgba(160,160,160,.075) } table td { padding:.75em .75em } table th { color:#3c3b3b; font-size:.9em; font-weight:700; padding:0 .75em .75em .75em; text-align:left } table thead { border-bottom:solid 2px rgba(160,160,160,.3) } table tfoot { border-top:solid 2px rgba(160,160,160,.3) } table.alt { border-collapse:separate } table.alt tbody tr td { border:solid 1px rgba(160,160,160,.3); border-left-width:0; border-top-width:0 } table.alt tbody tr td:first-child { border-left-width:1px } table.alt tbody tr:first-child td { border-top-width:1px } table.alt thead { border-bottom:0 } table.alt tfoot { border-top:0 } #wrapper { display:-moz-flex; display:-webkit-flex; display:-ms-flex; display:flex; -moz-flex-direction:row-reverse; -webkit-flex-direction:row-reverse; -ms-flex-direction:row-reverse; flex-direction:row-reverse; -moz-transition:opacity .5s ease; -webkit-transition:opacity .5s ease; -ms-transition:opacity .5s ease; transition:opacity .5s ease; margin:0 auto; max-width:100%; opacity:1; padding:4.5em; width:90em } body.is-menu-visible #wrapper { opacity:.15 } @media screen and (max-width:1680px) { #wrapper { padding:3em } } @media screen and (max-width:1280px) { #wrapper { display:block } } @media screen and (max-width:736px) { #wrapper { padding:1.5em } } #main { -moz-flex-grow:1; -webkit-flex-grow:1; -ms-flex-grow:1; flex-grow:1; -ms-flex:1; width:100% } #sidebar { border: 1px solid; border-color: rgb(228, 0, 0); padding: 2.75em 2em 2.75em 2em; margin-bottom: 2.7em; background: #b70000; } #sidebar>:first-child { border-top:0; margin-top:0; padding-top:0 } @media screen and (max-width:1280px) { #sidebar { border-top:solid 1px rgba(160,160,160,.3); min-width:0; width:100% } } .blurb .author-name { font-size:1.2em; font-weight:500; text-transform:capitalize } .blurb .author-widget { padding-top:20px; border-bottom:1px solid; border-color:rgba(160,160,160,.3) } .blurb.author-widget p { margin-bottom:0 } .blurb .social { padding-top:10px } .pagination>li>a, .pagination>li>span { position:relative; float:left; padding:6px 12px; line-height:54px; text-decoration:none; color:#fe5656; border:none; border-radius:0!important; margin-left:0 } .relate-posts { overflow:hidden } .relate-posts ul { list-style:none; margin:0; padding:0 } .relate-posts ul li { width:48%; display:inline-block; border-bottom:none; margin:0 0 8px 8px; float:left; padding-left:0; padding-right:.5em } .instagram-widget { overflow:hidden } .instagram-widget ul { list-style:none; margin:0; padding:0 } .instagram-widget ul li { width:30%; display:inline-block; border-bottom:none; padding:0; margin:0 0 8px 8px; float:left } .instagram-widget ul li img { max-width:100%; vertical-align:middle } @media screen and (max-width:736px) { #sidebar { padding:1.5em 1.5em .1em 1.5em; margin:0 0 2em 0 } } @media screen and (max-width:992px) and (min-width:436px) { .instagram-widget ul li { width:31% } } .widget { display:block; overflow:hidden; margin-bottom:40px; clear:both } .widget .widget-title { display:block; margin-bottom:20px; padding:0; position:relative; overflow:hidden; clear:both } .widget .widget-content { display:block; position:relative; overflow:hidden; clear:both } .row-gallery { margin-left:-1px; margin-right:-1px } .row-gallery [class*=" col-"], .row-gallery [class^=col-] { padding-left:1px; padding-right:1px; padding-top:1px; padding-bottom:1px } .instagram-feeds img { opacity:.9 } img { max-width:100%; display:block } @media (max-width:767px) and (min-width:480px) { #sidebar .instagram-feeds a:last-child { display:none } } @media (max-width:730px) { #sidebar .instagram-feeds a:last-child { display:none } } @media screen and (min-width:990px) { .mini-posts>* { width:100% } } ul.quick-link { margin-bottom: 14px; } ul.quick-link li { display:inline-block; padding:0 15px } ul.quick-link li a i.fa { color: #b7b7b7; font-size: 18px; width: 40px; height: 40px; border: 1px solid; text-align: center; border-radius: 50%; padding: 11px; } .footer { padding: 35px 0 5px; color: #fff; /* border-top: solid 1px rgba(255, 255, 255, 0.3); */ /* background-image: url(../images/bg.jpg); */ /* background-position: center; */ /* background-repeat: no-repeat; */ /* background-size: cover; */ background-color: #212121; } header .wrap-header { padding:35px 0 } header .tagline { color:#1c202a; font-family:Raleway,sans-serif } .wrap-col { text-align:center; padding:1em 0 } .top-margin { margin-top:2em } .post-related { margin-bottom:2em } .related { padding:3em 3em 0 2em; border:solid 1px rgba(160,160,160,.3); background:#fff } .related .published { display:block; font-family:Raleway,Helvetica,sans-serif; font-size:.6em; font-weight:400; letter-spacing:.25em; margin:-.625em 0 1.7em 0; text-transform:uppercase } .post .single .post-related { margin-top:60px; overflow:hidden } .post .single .heading { color:#191919; text-align:left; font-size:15px; position:relative; font-weight:600; text-transform:uppercase } .post-block .item .thumb, .recent-feeds li .thumb { position:relative; overflow:hidden } .post-block .item .item-title { margin-top:15px; margin-bottom:15px; opacity:.9 } .post-related h4 { margin-bottom:2.5em } #back-to-top { display:block; z-index:500; width:52px; height:52px; text-align:center; font-size:29px; position:fixed; bottom:-52px; right:20px; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease; background-color:#fff; text-decoration:none; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; box-shadow:1px 1.732px 16px 0 rgba(0,0,0,.16),1px 1.732px 5px 0 rgba(0,0,0,.12) } #back-to-top i { -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease; font-size:14px } #back-to-top a { width: 52px; height: 52px; display: block; color: #000; background: #32eed9; border-radius: 50%; } #back-to-top.show { bottom:20px } #back-to-top:hover { background-color:#242424 } #back-to-top:hover i { color:#fff } #preloader { position:fixed; top:0; left:0; right:0; bottom:0; background:#fff; z-index:99999; height:100% } #status { position:absolute; left:50%; top:50%; width:64px; height:64px; margin:-32px 0 0 -32px; padding:0 } #contact_form { padding:20px 30px 0 } .wrap-box { padding:2.75em 2em 2.75em 2em; position:relative; background:#fff; margin-bottom:2.7em } .pad-top-big { padding-top: 0px; } .blog-comments .comment-avtar { position:relative; z-index:2; overflow:hidden; display:inline-block; width:69px; height:69px; border-radius:50%; background-color:#c8c8c8; float:left } .blog-comments .comment-avtar img { position:absolute; margin:auto; top:-9999px; right:-9999px; bottom:-9999px; left:-9999px; width:100%; height:auto; z-index:1 } .blog-comments .comment-text { display:table; padding:0 0 23px 30px; position:relative; top:-12px } .blog-comments { background: #454545; padding: 28px 23px 0; } .blog-comment .comment-text .comment-reply i.fa { margin-left:6px } .blog-comment-main > h3 { color: #e40000; margin-bottom: 14px; font-size: 18px; letter-spacing: normal; border-bottom: 1px solid #ccc; display: inline-block; } .comment-text h3 { color: #00e9ce; margin-bottom: -7px; text-transform: capitalize; letter-spacing: normal; font-size: 17px; font-weight: 600; } .comment-text h5 { color: #b9b9b9; letter-spacing: normal; text-transform: capitalize; font-family: 'Source Sans Pro',sans-serif; font-weight: 400; margin-bottom: 12px; font-size: 13px; } .blog-comment .comment-text .comment-reply { font-family:'Source Sans Pro',sans-serif; text-transform:uppercase; font-weight:700 } .blog-comment-main .blog-comment { border-top:1px solid #f2f2f2; padding-top:40px } .blog-comment-main .blog-comment .blog-comment { margin-left:100px } .blog-comment-main .blog-comment .blog-comment .blog-comment .blog-comment { margin-left:0 } .blog-comment-main .blog-comment:first-of-type { border:0; padding:20px 0 } .blog-comments .comment-text p { margin-bottom:10px } .contact-form h2, .contact-form h3 { color: #fff; letter-spacing: normal; font-size: 20px; padding: 0 14px; margin: 15px 0; font-weight: 600; text-transform: none; } .contact-form .form-group { margin-bottom:30px } .contact-form .form-group input, .contact-form .form-group textarea { width: 100%; border: 1px solid #e9e9e9; height: 35px; font-size: 15px; font-weight: 400; color: #fff; font-family: 'Source Sans Pro',sans-serif; padding: 5px 20px; background: transparent; border-radius: 4px; } .contact-form .form-group textarea { height:195px } .contact-form .form-group .cntct-btn { display: inline-block; border: 0; color: #fff; font-size: 14px; background-color: #e40000; font-weight: 700; letter-spacing: normal; font-family: 'Source Sans Pro',sans-serif; padding: 10.5px 27.5px; text-transform: uppercase; border-radius: 35px; } .contact-form .form-group .cntct-btn:hover { background-color:#666 } .contact-form { display:inline-block; width:100% } .error-page h1 { font-size:230px; font-family:'Source Sans Pro',sans-serif; line-height:200px; font-weight:900; color:#9382c6; margin-bottom:18px } .error-page h2 { font-size:39px; color:#555; font-family:'Source Sans Pro',sans-serif; font-weight:300 } .error-page h3 { font-size:24px; color:#555; font-family:'Source Sans Pro',sans-serif; font-weight:300; margin:13px 0 60px } .error-bottom .home-page-link { display:inline-block; letter-spacing:1.12px; text-transform:uppercase; font-family:'Source Sans Pro',sans-serif; font-weight:700; border:1px solid #e9e9e9; padding:15.3px 47px; float:left; min-width:242px } .error-bottom { display:inline-block; margin-bottom:30px } .error-bottom .home-page-link:hover { background-color:#f2f2f2 } @media (max-width:767px) { .blog-pagination { margin-bottom:40px } } .numeric-pagination .pagination { margin:0 } .numeric-pagination .pagination>li>a, .numeric-pagination .pagination>li>span { font-size:13px; margin-left:10px; color:#a7a7a7; border:1px solid #eee; line-height:1.42857143; padding:8px 12px } .numeric-pagination .pagination>li:first-child>a, .numeric-pagination .pagination>li:first-child>span { border-top-left-radius:0; border-bottom-left-radius:0 } .numeric-pagination .pagination>li:last-child>a, .numeric-pagination .pagination>li:last-child>span { border-top-right-radius:0; border-bottom-right-radius:0 } .numeric-pagination .pagination>li>a:focus, .numeric-pagination .pagination>li>a:hover, .numeric-pagination .pagination>li>span:focus, .numeric-pagination .pagination>li>span:hover { border-color:transparent; color:#fff } .numeric-pagination .pagination>.active>a:hover { color:#fff!important } .numeric-pagination .pagination>.active>a, .numeric-pagination .pagination>.active>a:focus, .numeric-pagination .pagination>.active>a:hover, .numeric-pagination .pagination>.active>span, .numeric-pagination .pagination>.active>span:focus, .numeric-pagination .pagination>.active>span:hover { background-color:#9382c6; border-color:#9382c6; color:#fff } .numeric-pagination .pagination>.disabled>a, .numeric-pagination .pagination>.disabled>a:focus, .numeric-pagination .pagination>.disabled>a:hover, .numeric-pagination .pagination>.disabled>span, .numeric-pagination .pagination>.disabled>span:focus, .numeric-pagination .pagination>.disabled>span:hover { border-color:#eee; color:#fff } .page-count { font-size:13px; border:1px solid #eee; color:#a7a7a7; padding:8px 12px } @media (max-width:479px) { .numeric-pagination .pagination>li>a, .numeric-pagination .pagination>li>span { margin-bottom:10px } } .heading { font-size:20px; position:relative; margin-bottom:30px; color:#191919; text-transform:uppercase; letter-spacing:2px; font-weight:500; text-align:center } .heading:before { content:""; display:block; width:100%; height:1px; background:rgba(160,160,160,.3); position:relative; top:16px; z-index:1; margin:0 auto } .heading span { background-color:#f4f4f4; padding:0 20px; position:relative; z-index:2 } .featured-post { text-align:center; border:1px solid #eee; margin-bottom:40px; position:relative } .featured-post img { width:100%; height:auto; -o-object-fit:cover; object-fit:cover } .featured-post-title { padding:20px 0 } .featured-post-title h3 { margin-bottom:4px } .status-message { display:block; position:relative; padding:20px 0; margin:30px 0; line-height:normal; border-bottom:1px solid #eee; overflow:hidden } .fullwidth .status-message { margin-bottom:30px } .status-message .message { float:left; position:relative; z-index:1; line-height:1 } .status-message strong { text-transform:capitalize; line-height:1; display:inline-block } .breadcumbs { float:right; line-height:1 } .breadcumbs ul li { float:left; color:#121212 } .breadcumbs ul li :last-child { color:#aaa } .breadcumbs ul li:before { content:"/"; margin:0 10px } .breadcumbs ul li:first-child:before { display:none } .logo img { width: 400px; display: block; margin: auto; } .navbar-nav > li { float: none; display: inline-block; } .nav.navbar-nav { width: 100%; text-align: center; } .fresh a { position: relative; top: -10px; height: 47px; padding: 11px 25px !important; width: 100%; color: #fff !important; background: #e40000; font-weight: 600; border-radius: 4px; text-transform: uppercase !important; font-size: 20px !important; } .fresh a:hover { background: #09d5bd !important; } .logo { background: #018677; } .navbar-fixed-bottom, .sticky { position: fixed; right: 0; left: 0; z-index: 1030; box-shadow: 0px 0px 14px 4px #0009 !important; background: #00ccb5; top: 0; transition: all .7s; } .sideline_li:nth-child(2n) { background: #9f0000; padding: 10px 22px; } .sideline_li:nth-child(2n+1) { background: #7e0000; padding: 10px 22px; } .sideline_ul { padding: 0; margin: 0; width: 100%; } .blurb { background: #b70000; border: 1px solid #e40000; margin-bottom: .3px; } .blurb .title { padding: 22px 0 0 22px; } .sideline { display: flex; flex-wrap: wrap; } .sideline .side_content { flex-basis: 50%; } .sideline .side_content h4 { font-size: 16px; color: #fff; letter-spacing: normal; margin: 0; font-weight: 600; font-family: 'Source Sans Pro', sans-serif; } .sideline .side_content p { margin: 0; font-size: 15px; font-family: 'Courgette', cursive; font-weight: 600; word-spacing: 0px; text-transform: capitalize; } .blog .col-sm-6 { padding: 0; } .owl-carousel:hover .owl-nav [class*="owl-"] { background: rgba(183, 0, 0, 0.61); } .share_div { padding: 36px 0; height: 145px; background: #bd0101; } .share_div h2 { font-size: 37px; letter-spacing: normal; color: #fff; font-family: 'Playfair Display', serif; text-transform: capitalize; font-weight: 500; } .share_div .click { background: #1d1d1d; width: 100%; display: block; height: 45px; text-align: center; font-family: 'Source Sans Pro', sans-serif; font-size: 20px; border-radius: 38px; padding: 7px 0; margin-top: 10px; } .subscribe .click { background: #fff; width: 100%; display: block; height: 45px; text-align: center; font-family: 'Source Sans Pro', sans-serif; font-size: 20px; border-radius: 4px; padding: 7px 0; margin-top: 10px; color: #111; box-shadow: 0px 15px 18px -11px #350000; font-weight: 600; } .copy-right p { margin: 0; font-family: 'Source Sans Pro', sans-serif; padding: 9px 0; color: #b4b4b4; } .quick-link li a { color: #fff; font-family: 'Source Sans Pro', sans-serif; font-size: 19px; font-weight: 600; } .copy-right { text-align: center; background: #000; } .top_bar { background: #007164; padding: 3px 17px; } .top_bar ul { text-align: right; margin-bottom: 0; } .top_bar ul li { display: inline-block; margin: 0 10px; } .top_bar ul li a { font-family: 'Source Sans Pro', sans-serif; color: #fff; font-weight: 700; text-transform: uppercase; } .top_bar ul li a:hover { color: #e40000 !important; } .col-md-4, .col-md-8 { padding: 1px; } .row{ margin:0; } .boxes .box_ul { display: flex; flex-wrap: wrap; } .boxes .box_ul .box_li { flex-basis: calc(16.66% - 12px); margin: 0 6px; border: 1px solid #ffffff4d; } .boxes { margin-bottom: 40px; background: #007164; padding: 10px; } .boxes .box_ul .box_li p { font-family: 'Source Sans Pro', sans-serif; font-size: 16px; line-height: 19px; text-align: center; margin: 14px 0; font-weight: 600; } .modal-body label { color: #00ae9a; font-family: 'Source Sans Pro', sans-serif; font-weight: 500; text-transform: uppercase; } textarea { width: 100%; border: none; border-radius: 4px; height: 120px; padding: 10px; border: 1px solid #c0c0c0; } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #111; background-color: #fff; background-image: none; border: none; border-radius: 4px; box-shadow: none; border: 1px solid #c0c0c0; } .modal-body { position: relative; padding: 15px; background: #fff; } .modal-header { padding: 10px; border-bottom: none; background: #d50000; } .modal-title { color: #fff; font-size: 25px; line-height: normal; letter-spacing: normal; font-family: 'Courgette', cursive; text-transform: capitalize; } .form-control::placeholder { font-family: 'Source Sans Pro', sans-serif; opacity: 1; color: #7d7777; } textarea::placeholder { font-family: 'Source Sans Pro', sans-serif; opacity: 1; color: #7d7777; } .form-group.div_r { text-align: right; } .form-group.div_r .btn.btn-default { background: #d50000; border: none; color: #fff; box-shadow: none; width: 150px; height: 40px; font-family: 'Source Sans Pro', sans-serif; text-transform: uppercase; font-size: 18px; font-weight: 600; margin-right: 15px; } input[type="file"] { padding: 6px; width: 100%; border-radius: 4px; color: #1faeb3; font-family: 'Source Sans Pro', sans-serif; border: 1px solid #c0c0c0; } .form-control:focus, textarea:focus { outline: 0; box-shadow: none; border: 1px solid #00d8bf; } @media only screen and (max-width: 1200px) and (min-width: 992px) { .navbar-default .navbar-collapse .nav li a { padding: 0 23px; font-size: 18px; } .feat-overlay h2 a { font-size: 23px; } .feat-inner { padding: 14px 0% 14px; } } @media only screen and (max-width: 991px) and (min-width: 768px) { .boxes .box_ul .box_li { flex-basis: calc(33.33% - 6px); margin: 3px 3px; border: 1px solid #ffffffb3; } .title { margin: 0 !important; } .post > header { padding: 10px !important; } .navbar-default .navbar-collapse .nav { margin: 0; } .navbar-nav > li { display: block; } .navbar-default .navbar-collapse .nav li a, .navbar-default.affix .navbar-collapse .nav li a { line-height: 18px; font-size: 15px; border-radius: 0; } .navbar-nav > li { padding: 7px 0; font-size: 16px; border-bottom: 1px solid #fff; } .fresh a { margin-top: 13px; } .navbar-default .navbar-collapse, .navbar-default.affix .navbar-collapse { max-height: 100%; padding: 20px 0; } #main_nav { background: #1D1D1D; } /*.navbar-default { background: #1d1d1d; }*/ .navbar-fixed-top { background: #00b6a1; } ul.quick-link li { padding: 0 3px; } .quick-link li a { font-size: 14px; font-weight: 500; } .feat-overlay h2 a { font-size: 20px; } .navbar-default .navbar-header .navbar-toggle { margin: 7px 0; border-radius: 0; border: 1px solid #fff !important; } .navbar-default .navbar-header .navbar-toggle[aria-expanded="false"] span { background: #fff; } } @media only screen and (max-width: 767px) and (min-width: 600px) { .logo img { width: 204px; } .navbar-default .navbar-header .navbar-toggle { margin: 8px 0; } .navbar-default .navbar-header .navbar-toggle[aria-expanded="false"] span { background: #fff; } .navbar-default .navbar-header .navbar-toggle[aria-expanded="false"] { border-color: #fff; } .feat-more { padding: 3px 15px; font-size: 11px; } .feat-inner { padding: 6px 0% 6px; } .feat-overlay h2 { font-size: 24px; line-height: 22px; margin-bottom: 10px; } .feat-overlay h2 a { font-size: 19px; } .boxes .box_ul .box_li { flex-basis: calc(33.33% - 6px); margin: 3px 3px; border: 1px solid #ffffffb3; } #box_slide .post { padding: 0 !important; } .post > header { padding: 0; } .image.featured { margin: 0; } .post > header .title { margin: 0 0 6px 0; } .button.big { font-size: 14px; padding: 10px 0; margin: 0 39px; display: inline-block; } .post > header .title h2 { font-size: 16px !important; word-spacing: 0; letter-spacing: 0; line-height: 22px; padding: 10px 0; } .share_div { padding: 36px 0; height: 100%; } .share_div h2 { font-size: 33px; line-height: 35px; margin-bottom: 8px; } .share_div { padding: 25px 0; } .navbar-default .navbar-collapse .nav { margin: 0; } .navbar-nav > li { display: block; } .navbar-default .navbar-collapse .nav li a, .navbar-default.affix .navbar-collapse .nav li a { line-height: 18px; font-size: 15px; border-radius: 0; } .navbar-nav > li { padding: 7px 0; font-size: 16px; border-bottom: 1px solid #fff; } .fresh a { margin-top: 13px; } .navbar-default .navbar-collapse, .navbar-default.affix .navbar-collapse { max-height: 100%; padding: 20px 0; } #main_nav { background: #1D1D1D; } /*.navbar-default { background: #1d1d1d; }*/ .navbar-fixed-top { background: #00b6a1; } ul.quick-link li { padding: 0 3px; } .quick-link li a { font-size: 14px; font-weight: 500; } } @media only screen and (max-width: 599px) and (min-width: 300px) { .logo img { width: 204px; } .navbar-default .navbar-header .navbar-toggle { margin: 8px 0; } .navbar-default .navbar-header .navbar-toggle[aria-expanded="false"] span { background: #fff; } .navbar-default .navbar-header .navbar-toggle[aria-expanded="false"] { border-color: #fff; } .feat-more { padding: 3px 15px; font-size: 11px; } .feat-inner { padding: 6px 0% 6px; } .feat-overlay h2 { font-size: 24px; line-height: 22px; margin-bottom: 10px; } .feat-overlay h2 a { font-size: 19px; } .boxes .box_ul .box_li { flex-basis: calc(50% - 6px); margin: 3px 3px; border: 1px solid #ffffffb3; } #box_slide .post { padding: 0 !important; } .post > header { padding: 0; } .image.featured { margin: 0; } .post > header .title { margin: 0 0 6px 0; } .button.big { font-size: 14px; padding: 10px 0; margin: auto; display: inline-block; } .post > header .title h2 { font-size: 16px !important; word-spacing: 0; letter-spacing: 0; line-height: 22px; padding: 10px 0; } .share_div { padding: 36px 0; height: 100%; } .share_div h2 { font-size: 33px; line-height: 35px; margin-bottom: 8px; } .share_div { padding: 25px 0; } .navbar-default .navbar-collapse .nav { margin: 0; } .navbar-nav > li { display: block; } .navbar-default .navbar-collapse .nav li a, .navbar-default.affix .navbar-collapse .nav li a { line-height: 18px; font-size: 15px; border-radius: 0; } .navbar-nav > li { padding: 7px 0; font-size: 16px; border-bottom: 1px solid #fff; } .fresh a { margin-top: 13px; } .navbar-default .navbar-collapse, .navbar-default.affix .navbar-collapse { max-height: 100%; padding: 20px 0; } #main_nav { background: #1D1D1D; } .navbar-default { background: #1d1d1d; } .navbar-default { background: #00ae9b; } ul.quick-link li { padding: 0 3px; } .quick-link li a { font-size: 14px; font-weight: 500; } } /**** sideline extra *******/ .sideline .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 28% 8%; text-align: center; transition: all .5s; display: none; } .sideline .overlay h6 { color: #fff; font-family: 'Source Sans Pro', sans-serif; text-transform: capitalize; letter-spacing: normal; font-size: 21px; font-weight: 500; line-height: 26px; transition: all .5s; } .sideline:hover .overlay { display: block !important; z-index: 999; } .sideline:hover .sideline_ul { filter: blur(8px); } /* **************************************** inner page *********************************************** */ .inr_bnr { height: 150px; text-align: center; padding: 40px 0; background-position: center; background-attachment: fixed; background-size: cover; margin-bottom: 50px; } .inr_bnr h3 { color: #fff; font-size: 33px; letter-spacing: normal; text-transform: capitalize; font-weight: 600; text-shadow: 0px 7px 6px #000; margin: 0; } .blurb .advertise img { max-width: 100%; display: block; width: 100%; } .comment_sec { margin: 0; } .pic_ul { display: flex; flex-wrap: wrap; } .pic_ul .pic_li { flex-basis: calc(33.33% - 6px); margin: 3px 3px; } .more_pic .pic_heading h4 { margin: 0; color: #fff; font-size: 20px; text-transform: capitalize; letter-spacing: normal; } .pic_heading { padding: 15px 0; } .more_pic .pic_heading a { background-color: #e40000; float: right; width: 90px; border-radius: 4px; height: 32px; text-align: center; font-size: 15px; padding: 5px 0; font-weight: 700; } #anonymous_btn { width: 10px; border: none; height: 10px; font-size: 15px; font-weight: 400; color: #fff; font-family: 'Source Sans Pro',sans-serif; padding: 0; background: transparent; border-radius: 0; } .anyms_label { float: right; color: #32eed9; font-size: 17px; text-transform: capitalize; } /* ************************************** category click ******************************** */ .folded h4 { background: #ff2828; background-image: radial-gradient(transparent 30%, rgba(0, 0, 0, 0.2)); border: 0 solid rgba(0,0,0,0.2); color: #fff; font-size: 16px; font-weight: bold; position: relative; text-shadow: -1px -1px 1px rgba(0,0,0,0.2); letter-spacing: normal; text-transform: capitalize; } .folded:before, .folded:after { bottom: 26px; box-shadow: 0 28px 8px rgba(0,0,0,0.5); content: ""; height: 28px; position: absolute; width: 48%; z-index: -1; } .folded:before { left: 2%; transform: rotate(-3deg); } .folded:after { right: 2%; transform: rotate(3deg); } .folded h4 { border-width: 1px 1px 2px; box-shadow: 0 2px 6px rgba(0,0,0,0.5); margin: 0; padding: 3px 10px; position: absolute; right: -4px; top: 25px; z-index: 8; } .folded h4::after { border-width: 7px; border-style: solid; border-color: #7e0000 transparent transparent #7e0000; bottom: -15px; content: ""; position: absolute; right: -1px; } .banner h4 { background: #08b; background-image: radial-gradient(transparent 30%, rgba(0, 0, 0, 0.2)); border: 0 solid rgba(0,0,0,0.2); color: #fff; font-size: 18px; font-weight: bold; position: relative; text-shadow: -1px -1px 1px rgba(0,0,0,0.2); } .banner h4 { border-radius: 0 0 5px 5px; border-width: 0 1px 1px 1px; border-color: rgba(0,0,0,0.1); box-shadow: 0 0 4px rgba(0,0,0,0.3); display: inline-block; margin: -1px auto 0; padding: 4px 12px; width: 59%; position: absolute; z-index: 3; left: 0; right: 0; font-size: 14px; text-transform: capitalize; box-shadow: 0 6px 5px rgba(0, 0, 0, 0.4); background: #fe0002; background-image: radial-gradient(transparent 30%, rgba(0, 0, 0, 0.2)); letter-spacing: normal; text-align: center; } .blurb .carousel-control.right { background-image: none; position: relative; } .response ul { display: flex; flex-wrap: wrap; padding: 0; } .response ul li { flex-basis: 50%; text-align: center; } .response ul li a { width: 100%; display: block; padding: 6px; font-size: 17px; font-family: 'Source Sans Pro',sans-serif; text-transform: uppercase; font-weight: 600; } .question h5 { margin: 0; text-transform: capitalize; letter-spacing: normal; font-size: 15px; font-weight: 500; font-family: 'Source Sans Pro',sans-serif; padding: 10px; color: #212121; line-height: normal; } .question { background: #fff; max-height: 80px; height: 100%; overflow-y: auto; } .response h4 { color: #00b4a0; margin: 0; padding: 5px; letter-spacing: normal; font-size: 20px; text-align: center; text-transform: capitalize; font-weight: 700; font-family: 'Source Sans Pro',sans-serif; background: #efefef; background-image: none; /* background-image: radial-gradient(transparent 30%, rgba(0, 0, 0, 0.2)); */ } .mini-posts .carousel-control{ opacity: 0; transition: all .5s; background-image: none !important; } .mini-posts:hover .carousel-control.right { opacity: 1; } .carousel { background: #fff; } .mini-posts:hover .carousel-control.left { opacity: 1; } .carousel-fade .carousel-inner .item { transition-property: opacity; } .carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { opacity: 0; } .carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; } .carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .carousel-fade .carousel-control { z-index: 2; } .sponsers { background: #018677; padding: 18px; } .sponsers .owl-carousel .owl-item img { display: block; width: 94%; padding: 8px; border-radius: 4px; border: 2px solid #f2f2f2; } .sponsers .owl-theme .owl-nav { margin-top: 0; text-align: center; position: absolute; top: 6px; width: 100%; }