/* Enter Your Custom CSS Here */ .epik-red .head-wrap p, .epik-red .welcome p, .epik-red .home-feature-bg-dark p, .epik-red .author-box p, .epik-red .footer-widgets a { color: #333!important; } .home .head-wrap { margin: 0px!important; } #menu-item-1182 {margin-top:5px;!important} .menu-button a { -moz-osx-font-smoothing: grayscale; background: #fff none repeat scroll 0 0; border: 2px solid; border-radius: 4px; color: #D91420 !important; cursor: pointer; line-height: 1.7em; margin: 4px auto; padding: 0 8px !important; transition: all 0.2s ease 0s; float:right!important; } .menu-button a:hover{ background-color:#fff; } .ebook { background: #FFF none repeat scroll 0% 0%; padding: 0px !important; border: 8px solid #D91420; border-radius: 20px; padding-left:15px!important; float:right; } .ebook:hover { background: #FFF none repeat scroll 0% 0%; padding: 0px !important; border: 8px solid #D91420; border-radius: 20px; padding-left:15px!important; } #text-13 > div:nth-child(1) > div:nth-child(1) > h1:nth-child(1) {color:#fff!important;} .slider-wide { clear: both; width: 100%; background-color: #fff !important; margin: 0px!important; } .slider { background-color: #fff !important; max-height:377px;} .slider-wide .wrap { margin: 0px !important; padding: 0px !important; max-width: 100%; max-height:377px; } .header-image .site-title a { float: left; min-height: 100px!important; width: 100%; } .title-area { font-family: "Open Sans",sans-serif; font-weight: 600; float: left; padding: 0px; width: 400px!important; height: 90px!important; } .site-header { margin: 0px auto; max-width: 1140px; height: 100px!important; } .header-image .site-header .widget-area { padding: 25px 0px!important; } .genesis-nav-menu { clear: both; color: #CCC; font-size: 13px; font-weight: 600; letter-spacing: 1px; line-height: 1.5; margin: 0px; padding: 0px; width: 100%; text-transform: uppercase; } .plan-col ul {list-style-type: none;} .plan-col-popular ul {list-style-type: none;} .plan-col, .plan-col-popular { width: 33%!important; } .welcome-features { background: none repeat scroll 0% 0% #cccccc!important; overflow: hidden; width: 100%; } .welcome .widgettitle { font-size: 24px; font-weight: 300; line-height: 36px; } .welcome-feature-1 .widgettitle, .welcome-feature-2 .widgettitle, .welcome-feature-3 .widgettitle { color: #333!important; border-bottom: 1px solid #D61F29; } epik-red .head-wrap a, .epik-red .welcome a, .epik-red .home-feature-bg-dark a, .epik-red .author-box-title, .epik-red .author-box a, .epik-red .footer-widgets a { color: #333!important; } .welcome-features .wrap { margin: 0px auto; margin-bottom: -25px; overflow: hidden; padding: 45px 0px 0px; } #text-5 {margin: 0!important;} .plans .plan-head h4 { font-size: 26px; font-weight: 300; margin: 0px 0px 20px; text-transform: uppercase; text-align: center; color: #333!important; font-weight: 700; } .ms-sbar .ms-bar { display: none; } .content .portfolio { padding: 0px 20px 20px; overflow: hidden; width: 100%; } .single-portfolio .entry-title { font-size: 36px; font-weight: 400; margin-bottom: 0px; padding: 0px 20px; } .symple-button.red span.symple-button-inner { border-top: 1px solid #d61527; } .symple-button.red { background: linear-gradient(to bottom, #d61527 0%, #D01D10 100%) repeat scroll 0% 0% transparent; border: 1px solid #D01D10; } .entry-title { font-size: 36px; font-weight: 400; margin-bottom: 15px; padding: 0px 20px; } /* Filterable Portfolio ---------------------------------------------------------------------------------------------------- */ ul.filter { color: #999; list-style: none; margin-left: 0; } ul.filter li { float: left; margin-left: 1rem; margin-left: 10px; margin-bottom: 1rem; margin-bottom: 10px; } ul.filter li:first-child { margin-left: 0; } ul.filter a { background: #333; color: #fff; display: block; padding: 0.5rem 0.5rem; text-decoration: none; border-bottom: none; font-size: 1.4rem; font-weight: 300; } ul.filter a:hover, ul.filter a.active { background: #d61527; } .filterable-portfolio { margin-left: -2rem; margin-left: -20px; overflow: hidden; } .portfolio-item { float: left; margin-bottom: 2rem; margin-bottom: 20px; margin-left: 2rem; margin-left: 20px; position: relative; width: 270px; /* [main element width - (number of columns - 1)*20]/number of columns */ /*width: 366px; For 3-columns */ } .portfolio-item a { display: block; border-bottom: none; } .portfolio-item a img { display: block; background: none; padding: 0; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; width: 100%; margin-bottom: 0; } .portfolio-overlay { bottom: 0; left: 0; position: absolute; } .portfolio-overlay h3 { background: #000; color: #fff; font-size: 1.2rem; font-weight: normal; margin: 0; max-width: 180px; padding: 5px 7px; text-transform: uppercase; } /*-----------------------------------------------------------------------------------* /* = Isotope CSS Animations /*-----------------------------------------------------------------------------------*/ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -ms-transition-duration: 0.6s; -o-transition-duration: 0.6s; transition-duration: 0.6s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } .filterable-portfolio-page .content .entry-header { margin-bottom: 1rem; margin-bottom: 10px; } .filterable-portfolio-page .content .entry-title { margin-bottom: 3rem; margin-bottom: 30px; } @media only screen and (max-width: 1179px) { .portfolio-item { width: 306px; } } @media only screen and (max-width: 1023px) { .portfolio-item { width: 242px; } } @media only screen and (max-width: 768px) { .portfolio-item { width: 217px; } } @media only screen and (max-width: 320px) { /* Uncomment the following only if the last filter item is on its own in a separate line like this: http://i.imgur.com/0VD8tmU.png */ ul.filter li:last-child { margin-left: 0; } } @media only screen and (max-width: 640px) { .plan-col, .plan-col-popular { width: 80% !important; } }