/* Theme Name: ThemeIsle Theme URL: http://themeisle.com/ Description: A great Wordpress theme Author: Codeinwp Author URI: www.codeinwp.com Version: 2.6.13 */ /* ThemeIsle - General Styles & PRE ORDER ======================================================= */ button {outline:0;} #wrapper { overflow: hidden; } #main-header { background: url("images/header-bg.png") repeat-x; height: 84px; padding-top: 25px; } #main-header .logo { width: 200px; height: 37px; text-indent: -9999px; display: block; float:left; margin-top: -7px; } #main-header .logo img { float: left; } .preorder-page #main-header .logo { float: none !important; margin: 0 auto; } .logged-in #main-header #main-menu ul li.menu-item-1986 { display:none !important; } #content { background:url("images/main-content-bg.png") repeat-x bottom; } .page-template-page-order-php #content {background:none !important;} #content #middle-content .middle-title { text-align: center; color:#fff; text-shadow: 0px 2px 2px #5da9be; padding-top: 60px; } #content #middle-content .middle-title h1 { font-weight: bold;font-size: 3.357em;margin: 0px 0px 15px 0px;letter-spacing: -1px;line-height: 1.25;} #content #middle-content .middle-title h2 { font-family: "Droid Serif"; font-style: italic; font-size: 1.286em; margin: 0; margin-top: -7px; } .mb0 {margin-bottom:0px !important;} /* Pre Order Button */ #content #middle-content .pre-order-button button { background: #ff7f66; box-shadow: 0px 3px 0px #c76855; text-transform: uppercase; border: none; color:#fff; text-shadow: none; font-family: "Lato"; font-weight: bold; font-size: 1.214em; padding: 10px 25px; display:block; margin: 0; margin-top: 20px; } #content #middle-content .pre-order-button { text-decoration: none; width: 197px;display:block !important; margin: 0 auto; } #content #middle-content .pre-order-button button:hover { opacity: 0.9; } #content #middle-content { background: rgb(169,216,232); /* Old browsers */ /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,216,232,1)), color-stop(100%,rgba(198,239,241,1))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, rgba(169,216,232,1) 0%,rgba(198,239,241,1) 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */background: -webkit-gradient(linear, left top, left bottom, from(rgba(169,216,232,1)),to(rgba(198,239,241,1)));background: linear-gradient(to bottom, rgba(169,216,232,1) 0%,rgba(198,239,241,1) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9d8e8', endColorstr='#c6eff1',GradientType=0 ); /* IE6-9 */height: 600px;} /* General Background */ #content #middle-content .ti-beach .beach-elem { position: absolute; z-index: 0; } #content #middle-content .wind1 { left: -138px; top: 366px; } #content #middle-content .wind2 { left: 1096px;top: 454px; } #content #middle-content .wind3 { left: 885px; top: 475px;} #content #middle-content .wind4 { left: 843px; top: 312px;} #content #middle-content .wind5 { left: 17px; top: 452px; } #content #middle-content .wind6 { left: 68px; top: 216px; } #content #middle-content .wind-big1 { left: -248px; top: 534px; } #content #middle-content .wind-big2 { left: 720px;top: 531px; } .theme-page #content #middle-content .ti-beach { background: url("images/sand.png") no-repeat bottom -10px center, url("images/water-waves.png") repeat-x bottom; height: 75%; position: relative; } #content #middle-content .ti-beach { background: url("images/sand.png") no-repeat bottom -10px center, url("images/water-waves.png") repeat-x bottom; height: 100%; position: relative; } #content #middle-content .ti-beach .container{ height: 100%; } /* About Us Illustration Layers */ #wrapper.about-us #middle-content { height: 620px; } #wrapper.about-us #middle-content .wind3 { top: 490px; } #wrapper.about-us #middle-content .beach-elem.palm1, #wrapper.theme-page #middle-content .beach-elem.palm1 { left: -140px; top: 115px; } #wrapper.about-us #middle-content .beach-elem.palm2, #wrapper.theme-page #middle-content .beach-elem.palm2 { left: -217px; top: 315px; } #wrapper.about-us #middle-content .beach-elem.palm3, #wrapper.theme-page #middle-content .beach-elem.palm3 { left: 85px; top: 413px; } #wrapper.about-us #middle-content .beach-elem.palm4, #wrapper.theme-page #middle-content .beach-elem.palm4 { left: 755px; top: 161px; } #wrapper.about-us #middle-content .beach-elem.palm5, #wrapper.theme-page #middle-content .beach-elem.palm5 { left: 983px; top: 307px; } #wrapper.about-us #middle-content .beach-elem.palm6, #wrapper.theme-page #middle-content .beach-elem.palm6 { left: 434px; top: 406px; } #wrapper.about-us #middle-content .beach-elem.palm7, #wrapper.theme-page #middle-content .beach-elem.palm7 { left: 592px; top: 427px; } #wrapper.theme-page #middle-content .beach-elem.palm1 { top: 62px; } #wrapper.theme-page #middle-content .beach-elem.palm2 { top: 265px; } #wrapper.theme-page #middle-content .beach-elem.palm3 { top: 363px; } #wrapper.theme-page #middle-content .beach-elem.palm4 { top: 111px; } #wrapper.theme-page #middle-content .beach-elem.palm5 { top: 257px; } #wrapper.theme-page #middle-content .beach-elem.palm6 { top: 356px; } #wrapper.theme-page #middle-content .beach-elem.palm7 { top: 377px; } #wrapper.about-us #middle-content .beach-elem.about-us-mascots { left: 185px; top: 309px; } #wrapper.about-us #middle-content .wind1 { left: 631px; top: 115px; } #wrapper.about-us #middle-content .wind2 { left: -92px; top: 438px; } #wrapper.about-us #middle-content .wind3 { left: 984px; top: 467px;} #wrapper.about-us #middle-content .wind4 { left: 197px; top: 147px;} #wrapper.about-us #middle-content .wind5 { left: 184px; top: 385px; } #wrapper.about-us #middle-content .wind6 { left: 515px; top: 309px; } /* About Us Illustration Diamond */ #wrapper.about-us #middle-content .beach-elem.au-floating-diamond { width: 219px; height: 219px; -webkit-animation: levitate 4s ease-in-out infinite alternate both;animation: levitate 4s ease-in-out infinite alternate both; left: 354px;top: 150px; } #wrapper.about-us #middle-content .au-floating-diamond .diamond { position: absolute;top: 50%; margin-top: -72px; left: 50%; margin-left: -71px; } /* About Us Team Mascots */ #wrapper.about-us .team-mascots { margin-bottom: 20px; } #wrapper.about-us .team-mascots .member { width: 21%; margin-right: 4%; float:left; text-align: center;} #wrapper.about-us .team-mascots .member.last { margin-right: 0%; } #wrapper.about-us .team-mascots .member .mascot-avatar { display:block; width: 102px; height: 100px; overflow: hidden; margin: 0 auto; } #wrapper.about-us .team-mascots .member .mascot-avatar img { width: auto; } #wrapper.about-us .team-mascots .member.developer .mascot-avatar img { margin-left: -105px; } #wrapper.about-us .team-mascots .member.qa .mascot-avatar img { margin-left: -210px; } #wrapper.about-us .team-mascots .member.king .mascot-avatar img { margin-left: -315px; } /* About Us Team Pictures */ #wrapper.about-us .team-members ul li { display: inline-block; float: left; width: 156.6px; position: relative; overflow: hidden; height: 156.6px; } #wrapper.about-us .team-members ul li .overlay { position: absolute; bottom: 0; height: 30px; background:#000; width: 100%; text-align: center; line-height: 1; opacity: 0.5; bottom: -30px; } #wrapper.about-us .team-members ul li .overlay a { font-family: "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; color:#fff; text-decoration: none; line-height: 2; } #wrapper.about-us .team-members ul li img { width: 100%; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} #wrapper.about-us .team-members ul li:hover img { filter: none; -webkit-filter: grayscale(0); } /* About Us Mascots Text */ #wrapper.about-us .team-mascots .member h3 { font-size: 18px; color:#4e4e4e; font-weight: bold; } #wrapper.about-us .team-mascots .member p { color:#4e4e4e; font-size: 14px; } /* About The Theme - Info Block */ #wrapper.about-us .about-the-team { margin: 20px 0px; } #wrapper.about-us .about-the-team header h2 { color:#3f3f3f; font-size: 35px; font-weight: bold; letter-spacing: -2px; } #wrapper.about-us .about-the-team p { font-size: 15px; color:#3f3f3f; line-height: 1.6; } /* About Us - Our Story / Our Mission */ #wrapper.about-us .our-story, #wrapper.about-us .our-mission { width: 48%; float: left; margin-right: 4%; padding-left: 135px; min-height: 231px; margin-top: 30px; margin-bottom: 30px; } #wrapper.about-us .our-mission { margin-right: 0%; background: url("images/our-mission-mascot.png") no-repeat left center; } #wrapper.about-us .our-story { background: url("images/our-story-mascot.png") no-repeat left center;} #wrapper.about-us .our-story h2, #wrapper.about-us .our-mission h2, .about-us-boxes h2 { color:#3f3f3f; font-weight: bold; letter-spacing: -1px; font-size: 32px; } #wrapper.about-us .our-story p, #wrapper.about-us .our-mission p, .about-us-boxes p { font-size: 15px; color: #3f3f3f; line-height: 1.6; } /* Theme Price */ #middle-content .theme-price { font-weight: bold; letter-spacing: -1px; font-size: 27px; line-height: 1; margin-top: 20px; background: #fff; width: 100px; border-radius: 5px; margin: 0 auto; background: rgb(255,255,255); /* Old browsers */ /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(82%,rgba(244,244,244,1)), color-stop(92%,rgba(255,255,255,1)), color-stop(100%,rgba(249,249,249,1))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(244,244,244,1) 82%,rgba(255,255,255,1) 92%,rgba(249,249,249,1) 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,1)),color-stop(82%, rgba(244,244,244,1)),color-stop(92%, rgba(255,255,255,1)),to(rgba(249,249,249,1)));background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(244,244,244,1) 82%,rgba(255,255,255,1) 92%,rgba(249,249,249,1) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */ border: 1px solid #e1e1e1; box-shadow: inset 0px -1px 0px #fff, 0px 2px 3px rgba(0,0,0,0.1); margin-top: 10px; margin-bottom: 8px;} #middle-content .theme-price p { text-align: center; margin:0; padding: 10px 0px; color:#8dc153;} /* Main Slider - General Styles */ #main-slider { background:#d4d0d0; border-radius: 5px; width: 710px; height: 370px; margin: 0 auto; position: relative; z-index: 9999;} #main-slider .slide { width: 100%; height: 100%; overflow: hidden; border-radius: 5px; width: 700px; height: 360px; margin-top: 5px; margin-left: 5px;} /* Main Slider - Slider Navigation */ #main-slider a.slider-nav { display:block; width: 74px; height: 63px; text-indent: -9999px; background:url("images/slider-navigation-sprite.png") no-repeat; position: absolute; top: 50%; margin-top: -31px; z-index: 9999; } #main-slider a.slider-nav.next { left: -67px; } #main-slider a.slider-nav.next:hover { background-position: 0px -68px !important; cursor: pointer; } #main-slider a.slider-nav.prev { background-position: -81px -0px !important; position: absolute; right: -67px;} #main-slider a.slider-nav.prev:hover { background-position: -81px -68px !important; cursor: pointer; } /* Main Slider - Slider Pager */ #main-slider .slider-pager { height: 30px; border-radius: 0px 0px 3px 3px; z-index: 9999; position: absolute; top:363px; display:inline-block; padding: 0px 10px; margin-left: 5px; left: 50%;} #main-slider .slider-pager { background:url("images/slider-pager-center.png") repeat-x; } #main-slider .slider-pager .sp-container { margin: 0; padding: 0; margin-top: 7px; } #main-slider .slider-pager a { display:block; width: 19px; height: 19px; padding: 0; float:left; margin: 0 auto; text-align: center; background: url("images/slider-pager-bullet.png") no-repeat; text-indent: -9999px; } #main-slider .slider-pager a.activeSlide, #main-slider .slider-pager a:hover { background-position: -24px 0px;} #main-slider .slider-pager a:last-of-type { margin-right: 0;} .theme-page #main-slider .slider-shadow { background:url("images/slider-shadow.png") no-repeat center; width: 867px; height: 34px; position: absolute; left: -75px; top: 455px;} #main-slider .slider-shadow { background:url("images/slider-shadow.png") no-repeat center; width: 867px; height: 34px; position: absolute; left: -75px; top: 395px;} #main-slider .debut-badge { position: absolute; top: 0; right: 0; width: 135px; height: 135px; background: url("images/debut-badge.png") no-repeat; z-index: 9999; } /* Main Content - General Styles */ section#main-content { padding-top: 20px;} /* Main Content - Themes Features */ #main-content .theme-features .feature { padding-left: 50px; width: 296px; float:left; margin-right: 25px; margin-bottom: 20px;} #main-content .theme-features .feature h4 {font-family: HelveticaNeue, "Helvetica Neue", "Lato", Arial, sans-serif; color:#3f3f3f; font-weight: bold; font-size: 20px; line-height: 1; } #main-content .theme-features .feature p { font-family: HelveticaNeue, "Helvetica Neue", "Lato", Arial, sans-serif; color: #8c8c8c; font-size: 15px; margin-top: 15px; } #main-content .theme-features .feature.last,#main-content .theme-features .feature:nth-child(3n+1) { margin-right: 0px; } #main-content .theme-features .feature.code { background:url("images/theme-features/code-icon.png") no-repeat top left; } #main-content .theme-features .feature.browser { background:url("images/theme-features/cross-browser-icon.png") no-repeat top left; } #main-content .theme-features .feature.colors { background:url("images/theme-features/colors-icon.png") no-repeat top left; } #main-content .theme-features .feature.widgets { background:url("images/theme-features/widgets-icon.png") no-repeat top left; } #main-content .theme-features .feature.panel { background:url("images/theme-features/panel-icon.png") no-repeat top left; } #main-content .theme-features .feature.localization { background:url("images/theme-features/localization-icon.png") no-repeat top left; } /* Separator - Info */ #main-content .sep-info { margin: 40px 0px;} #main-content .sep-info h2,.affiliates-page h2 { font-family: HelveticaNeue, "Helvetica Neue", "Lato", Arial, sans-serif; font-size: 34px; color:#3f3f3f; font-weight: bold; text-align: center; margin: 0; line-height: 1;} #main-content .sep-info h3, #preorder-form .pf-heading h3{ font-family: "Droid Serif", sans-serif; font-size: 17px; color:#7f7f7f; font-style: italic; text-align: center; margin: 0; } /* Separator Shadow */ #main-content .shadow-sep { background: url("images/sep-shadow.png") no-repeat; width:867px; height:34px; } /* Theme Screenshots */ #main-content .theme-screenshots .screenshot { width: 130px; height: 96px; float: left; border: 5px solid #f1f1f1; border-radius: 5px; margin-right: 32px; } #main-content .theme-screenshots a { width: 130px; height: 130px; position: relative; display: block; float: left; margin-right: 32px; } #main-content .theme-screenshots a:last-of-type, #main-content .theme-screenshots a:last-of-type img { margin-right: 0% !important; } #main-content .theme-screenshots .overlay { display:none; position: absolute; top:0; border-radius: 5px; width: 130px; height: 96px; background:rgba(0,0,0,0.2); } #main-content .theme-screenshots .overlay img { margin-left: 43px; margin-top: 30px; } #main-content .theme-screenshots a:hover .overlay { display:block; } /* Theme Big Features - Left */ #main-content .theme-big-features { padding: 40px 0px; } #main-content .theme-big-features .feature.left .feature-image { float: left; width: 440px; } #main-content .theme-big-features .feature.left .feature-image img { display:block; margin: 0 auto; } #main-content .theme-big-features .feature.left .description { float: right; width: 500px;} /* Theme Big Features - Right */ #main-content .theme-big-features .feature.right .feature-image { float: right; width: 440px; } #main-content .theme-big-features .feature.right .feature-image img { display:block; margin: 0 auto; } #main-content .theme-big-features .feature.right .description { float: left; width: 500px;} /* Theme Big Features - General*/ #main-content .theme-big-features .feature { padding: 30px 0px; } #main-content .theme-big-features .feature .description h2, body.single-download .one-half h2 { color:#3f3f3f; font-family: HelveticaNeue, "Helvetica Neue", "Lato", Arial, sans-serif; font-size: 45px; font-weight: bold; letter-spacing: -1px; margin-bottom: 20px;} #main-content .theme-big-features .feature .description p , body.single-download .one-half p{ color:#8c8c8c; font-family: HelveticaNeue, "Helvetica Neue", "Lato", Arial, sans-serif; font-size: 16px; } /* Pre-Order Form */ #preorder-form { padding: 70px 0px; } /* Trust Badges */ #preorder-form .trust-badges { width: 500px; margin: 0 auto; } #preorder-form .trust-badges img { margin-right: 20px; } #preorder-form .trust-badges img:last-of-type { margin-right: 0;} /* PF - Heading */ #preorder-form .pf-heading { margin: 20px 0px;} #preorder-form .pf-heading h2 { font-weight: bold; color:#3f3f3f; font-family: HelveticaNeue, "Helvetica Neue", "Lato", Arial, sans-serif; font-size: 30px; text-align: center; letter-spacing: -0.5px; margin: 0; } #preorder-form .pf-heading h2 span { color:#ff7f66; } #preorder-form p.edd_purchase_submit_wrapper.edd_download_purchase_form {text-align: center;} #preorder-form a.edd-fastspring-checkout-btn.edd-submit.edd-submit {text-decoration:none;} /* PF */ #preorder-form form { width: 620px; margin: 0 auto; } #preorder-form form fieldset { width: 49%; margin-right: 2%; float: left; margin-bottom: 0;} #preorder-form form fieldset:last-of-type { margin-right: 0; } #preorder-form form fieldset input { width: 100%; } #preorder-form form p.pf-descr { text-align: center; } #preorder-form form input[type="submit"] { background: #ff7f66; box-shadow: 0px 3px 0px #c76855; text-transform: uppercase; border: none; color:#fff; text-shadow: none; font-family: "Lato"; font-weight: bold; font-size: 1.214em; padding: 10px 25px; display:block; margin: 0 auto; } #preorder-form form label { color:#919191;font-family: HelveticaNeue, "Helvetica Neue", "Lato", Arial, sans-serif; margin-bottom: 5px;} #preorder-form form input[type="text"], #preorder-form form input[type="email"], #main-content .login-register form input[type="text"], #main-content .login-register form input[type="password"], #main-content .login-register form input[type="email"] { background:#f9f9f9; box-shadow: inset 0px 1px 3px rgba(0,0,0,0.15); padding: 8px 5px; border: 1px solid #e1e1e1; } #preorder-form form input[type="text"]:focus, #preorder-form form input[type="email"]:focus, #main-content .login-register form input[type="text"]:focus, #main-content .login-register form input[type="password"]:focus { border: 1px solid #ddd; background:#fff; } #preorder-form form input[type="text"]:hover, #preorder-form form input[type="email"]:hover, #main-content .login-register form input[type="text"]:hover, #main-content .login-register form input[type="password"]:hover { opacity: 0.9; } #preorder-form form .pf-descr { color:#919191; } /* Main Footer */ footer#main-footer { padding-top: 50px; } footer#main-footer .ti-descr, footer#main-footer .footer-widget { display: inline-block; vertical-align:top; margin-right: 8%; } footer#main-footer .footer-widget:last-child { float: right; margin-right: 0;} footer#main-footer .ti-descr { max-width: 33%; } footer#main-footer .ti-descr p { font-size: 12px; -moz-text-align-last: justify; text-align-last: justify; text-align: justify; letter-spacing: .2px; color: #797979; margin-top: 15px; margin-bottom: 0; } footer#main-footer .footer-widget h5 { color: #a1a1a1; margin-bottom: 15px; font-family: "Helvetica"; letter-spacing: 0.7px; font-weight: 300; font-size: 16px; } footer#main-footer .footer-widget ul.menu { margin-bottom:0; } footer#main-footer .footer-widget ul.menu li, footer#main-footer .social-media-footer a { line-height: 22px; font-size: 12px; letter-spacing: .9px; font-weight: bold; margin-bottom:0; } footer#main-footer .footer-widget ul.menu li a, footer#main-footer .social-media-footer a { text-decoration: none; color: #189ac4; opacity: .8; font-family: Helvetica, "Helvetica Neue", "Lato", Arial, sans-serif;} footer#main-footer .footer-widget ul.menu li a:hover, footer#main-footer .social-media-footer a:hover { opacity: 1; } footer#main-footer .social-media-footer a { display: block; padding-left: 30px; background-image: url('images/footer_sm_icons.png'); background-repeat: no-repeat; } footer#main-footer .social-media-footer a[href*="facebook.com"] { background-position: 0 4px ;} footer#main-footer .social-media-footer a[href*="twitter.com"] { background-position: 0 -19px ;} footer#main-footer .social-media-footer a[href*="linkedin.com"] { background-position: 0 -42px ;} footer#main-footer .social-media-footer a[href*="google.com"] { background-position: 0 -62px ;} footer#main-footer .social-media-footer a[href*="youtube.com"] { background-position: 0 -82px ;} footer#main-footer hr { margin: 50px 0 0 0; } footer#main-footer p.copy { font-size: 12px; letter-spacing: .2px; color: #797979; margin-top: 10px; display: inline-block; } footer#main-footer .norton-seal { float: right; display: inline-block; } footer#main-footer .footer-bottom-bar { padding: 10px 0 0 0; } @media only screen and (max-width: 959px) and (min-width: 768px) { footer#main-footer { padding-top: 30px; } footer#main-footer .ti-descr { max-width: 50%; } footer#main-footer .ti-descr p { -moz-text-align-last: left; text-align-last: left; } footer#main-footer .ti-descr, footer#main-footer .footer-widget { margin-right: 20px; } footer#main-footer .footer-widget:last-child { float:none; margin-top: 40px; text-align: center; margin-left: 20%; } footer#main-footer .footer-widget:last-child h5 { margin-right: 25px;} footer#main-footer .footer-widget:last-child h5:after { content: ":";} footer#main-footer .footer-widget:last-child .social-media-footer { display: inline-block; } footer#main-footer .footer-widget:last-child .social-media-footer a { display: inline-block; margin-right: 40px; padding-left: 20px; } footer#main-footer hr { margin-top: 10px; } } @media only screen and (max-width: 767px) { footer#main-footer .ti-descr, footer#main-footer .footer-widget { margin: 0; width: 100%; max-width: 100%; text-align: center; margin-bottom: 30px; } footer#main-footer .ti-descr p { text-align: center; -moz-text-align-last: center; text-align-last: center; } footer#main-footer .social-media-footer a { margin: 0 auto; max-width: 150px; padding-left: 0;} footer#main-footer hr { margin: 0 0 10px 0; } footer#main-footer .ti-descr img { padding-right: 0!important;} } /* ThemeIsle - General Styles & Main Page ======================================================= */ #main-header { position: relative; } #main-header #main-menu { float: right; position: relative; margin-right: 85px; } #main-header #main-menu ul { float: left;} #main-header #main-menu ul li { display: inline-block; } #main-header #main-menu ul li a { font-family: HelveticaNeue, "Helvetica Neue", Helvetica, "Lato", Arial, sans-serif; font-size: 15px; text-decoration: none; color: #7f7f7f; font-weight: bold; margin: 0px 6px; line-height: 2.3;} #main-header #main-menu ul li a:hover, #responsive-menu ul li a:hover, #responsive-menu .expand-menu:hover { color: #ff7f66; } #main-header #main-menu .current_page_item a{ color: #ff7f66;} /* Responsive Menu */ #responsive-menu { display: none; } #responsive-menu { background: #fff; box-shadow: 0px 2px 2px rgba(0,0,0,0.1); } #responsive-menu ul { margin: 0; padding: 0; } #responsive-menu ul li { text-align: center; padding: 0; margin: 0; } #responsive-menu ul li a { padding: 15px 0px; display: block; text-decoration: none; border-bottom: 1px solid #e7e7e7;font-family: HelveticaNeue, "Helvetica Neue", Helvetica, "Lato", Arial, sans-serif;font-size: 15px;text-decoration: none;color: #7f7f7f;font-weight: bold; } #responsive-menu ul li:last-of-type a{ border-bottom: none; } #responsive-menu ul li:hover a { background:#f5f5f5; } #responsive-menu .expand-menu { text-align: center; width: 100%; display: block; text-decoration: none; color:#7d7d7d; font-size: 2em; padding: 15px 0px; border-bottom: 1px solid #e7e7e7; } /* Logged in */ #main-header a.logged-in { display: block; float:right; width:70px; height:34px; overflow: hidden; text-decoration: none; line-height: 14px; font-weight: 300; padding-top: 5px; color:#ff7f66; } #main-header a.logged-in span { font-weight: 700; } #main-header a.logged-in:hover { color: #7f7f7f; } #main-header .logged-in:hover .account_links { height: 72px !important; } .account_links { width: 130px; background: #fff; z-index: 99999; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3); -webkit-transition: all 0.3s; transition: all 0.3s; float: none; margin-top: 45px; display:none; position: relative; } .account_links:before { width: 0; height: 0; position: absolute; content: ""; border: 7px solid transparent; border-bottom: 7px solid rgba(0, 0, 0, 0.1); top: -14px; right: 30px; z-index: 99999999999; display: block; } .account_links a { display: block; padding: 8px; text-decoration: none; border-bottom: 1px solid rgba(0, 0, 0, 0.1); font-size: 12px; text-align: center; } .account_links a:last-of-type { border-bottom: none; } .account_links a:hover { color: #696969; background: rgba(0, 0, 0, 0.1); } /* account settings page */ .forgot { margin-left:auto; margin-right:auto; width:190px; padding-bottom:20px; } .forgot a { margin-left:10px; } .page-template-page-accountsettings-php .account-submit{ display:inline !important; } .button.edd-add-to-cart { } /*.page-template-page-accountsettings-php .inner-wrapper { border: 1px solid #e2e2e2; border-radius: 5px 5px 0px 0px; } .page-template-page-accountsettings-php .isle_edd_form { border:none; } .page-template-page-accountsettings-php #main-content .your-account .page .inner-wrapper header { border-top:none; border-left:none; border-right:none; }*/ /* Join Button */ #main-header a.join-button { display: block; float: right; margin-left: 10px; background: url("images/join-ribbon.png") no-repeat; width: 70px; height: 126px; position: absolute; top: 0 !important; right: 0; margin-top: -25px; text-indent: -9999px; z-index: 999; } #main-header a.join-button button { background: #ff7f66; border: none; text-transform: uppercase;color: #fff; text-shadow: none; } #main-header a.join-button button:hover { opacity: 0.8; } /* View Themes Button */ #middle-content .view-themes-button { display: table; margin: 10px auto;} #middle-content .view-themes-button button { background: #ff7f66; padding: 15px 25px; font-size: 17px; text-shadow: none; color: #fff; border-radius: 5px; box-shadow: none; margin: 0; border: none; box-shadow: 0px 3px 0px #cb6956;} #middle-content .view-themes-button button:hover { opacity: 0.8 !important; } /* Love Us Container */ #middle-content .love-us { display: table; margin: 15px auto; padding-top: 7px; background: url("images/arrow-love.png") no-repeat top center; } #middle-content .love-us h3 { background: #fff; font-size: 17px; padding: 5px 10px; font-style: italic; letter-spacing: -1px; color:#696969; border-radius: 3px; position: relative; z-index: 1; line-height: 24px; text-align:center;} #middle-content .love-us h3 span { font-weight: bold;} /* Main King Mascot and Treasure Chest */ #content #middle-content .king-mascot { position: absolute; left: 821px; top: 390px; } #content #middle-content .treasure-chest { position: absolute; left: -111px; bottom: 19px; z-index: 0; width: 110px; } #content #middle-content .girl-mascot { position: absolute; z-index: 20; bottom: 0; left: 140px; } #content #middle-content .palm-clickable { position: absolute; z-index: 10; bottom: 0; right: -250px; cursor: pointer; background-position: top left; } #content #middle-content .palm-clickable:active:before { background-position: top left; opacity:1; } #content #middle-content .palm-clickable:before { -webkit-transition:all 1s ease; transition: all 1s ease; opacity:0; width: 200px; height: 230px; background: url("images/king-mascot.png") 0 230px no-repeat; content: " "; position: absolute; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: -40px; right: 150px; background-size: contain; z-index: -10; } /* Features Block */ #main-content .our-features .feat { float: left; width: 48%; padding-left: 175px; margin-bottom: 20px; } #main-content .our-features .feat.support { /*background:url("images/features/excellent-support.png") no-repeat top left;*/ } #main-content .our-features .feat.fastinstall { background:url("images/features/fast-install.png") no-repeat top left 15px; } #main-content .our-features .feat.updates { background:url("images/features/regular-updates.png") no-repeat top left 35px; } #main-content .our-features .feat.pixel-perfect { background:url("images/features/pixel-perfect.png") no-repeat top left 15px; } #main-content .our-features .feat:nth-child(odd) { margin-right: 4% !important; } #main-content .our-features .feat h4 { color:#3f3f3f; font-family: HelveticaNeue, "Helvetica Neue", Helvetica, "Lato", Arial, sans-serif; font-weight: bold; font-size: 19px; } #main-content .our-features .feat p { color:#888; font-size: 14px; line-height: 1.3; } /* Read More Separator */ #main-content .read-more-sep { width: 100%; background: url("images/read-more-sep.png") no-repeat top center; height: 25px; position: relative; margin: 20px 0px; } #main-content .read-more-sep a { display: table; margin: 0 auto; position: absolute; top: -17px; left: 50%; width: 100px; margin-left: -50px; } #main-content .read-more-sep a button { width: 100% ; background:#fff; border: 1px solid #ddd; color:#8d8d8d; font-weight: normal;} /* Testimonials */ #main-content .testimonials { margin-bottom: 40px; } #main-content .testimonials .testimonial { padding:40px; } #main-content .testimonials .testimonial .avatar { float: left; margin-right: 25px; } #main-content .testimonials .testimonial .avatar img { border-radius: 3px; } #main-content .testimonials .testimonial .t-details .t-name { font-weight: bold; color:#3f3f3f; font-family: HelveticaNeue, "Helvetica Neue", Helvetica, "Lato", Arial, sans-serif; font-size: 17px; } #main-content .testimonials .testimonial .t-details .t-descr { font-size: 13px; font-style: italic; color:#8dc153; margin-top: 2px !important; } #main-content .testimonials .testimonial .t-details .t-content { margin-top: 12px !important; font-family: "Droid Serif"; font-style: italic; font-size: 14px; line-height: 1.2 !important; } #main-content .testimonials .testimonial .t-details p, #main-content .testimonials .testimonial .t-details h5 { margin: 0 !important; padding: 0 !important; line-height: 1 !important; } /* Separator */ #main-content .separator { width: 940px; height: 1px; background:url("images/separator.png") no-repeat; margin: 0 auto;} /* Call to Action */ #main-content .big-cta { padding: 60px 0px 30px 0px; } #main-content .big-cta h1 { font-family: HelveticaNeue, "Helvetica Neue", Helvetica, "Lato", Arial, sans-serif; color:#3f3f3f; font-weight: bold; font-size: 30px; text-align: center; line-height: 1; } #main-content .big-cta h1 span { color:#ff7f66;} #main-content .big-cta h3 { font-family: "Droid Serif"; font-size: 17px; color:#7f7f7f; font-style: italic; text-align: center; line-height: 20px;} #main-content .big-cta .cta-button { display: table; margin: 0 auto; } #main-content .big-cta button { background: #ff7f66; color:#fff; text-transform: uppercase; text-shadow: none; border-radius: 5px; box-shadow: 0px 3px 0px #da6f5a; font-family: "Lato"; font-weight: 800; font-size: 17px; border: none; padding: 10px 40px; } /* Meta Blocks */ #main-content .ti-meta { padding: 50px 0px;} #main-content .ti-meta .meta-block { width: 48%; float:left; } #main-content .ti-meta .meta-block:nth-child(odd) { margin-right: 4%; } #main-content .ti-meta .meta-block header h2 { color:#3f3f3f; font-size: 1.4em; text-transform: uppercase; font-weight: bold; font-family: HelveticaNeue, "Helvetica Neue", Helvetica, "Lato", Arial, sans-serif; } /* Meta Blocks - Latest Blog Posts & Become Affiliate */ #main-content .ti-meta .latest-blog-posts header h2 { padding-left: 33px; background: url("images/pen-icon.png") no-repeat left; } #main-content .ti-meta .become-affiliate header h2 { padding-left: 33px; background: url("images/star-icon.png") no-repeat left; } #main-content .ti-meta .latest-blog-posts .b-post a { text-decoration: none; } #main-content .ti-meta .latest-blog-posts .b-post a:hover h4 { color:#ff7f66;} #main-content .ti-meta .latest-blog-posts .b-post a h4 { font-family: HelveticaNeue, "Helvetica Neue", Helvetica, "Lato", Arial, sans-serif; color:#3f3f3f; font-size: 21px; font-weight: bold; line-height: 1; } #main-content .ti-meta .meta-block p { margin: 10px 0px; color:#3f3f3f; font-size: 14px; } #main-content .ti-meta .meta-block .read-more { color:#ff7f66; font-weight: bold; font-size: 16px;} #main-content .ti-meta .meta-block .read-more:hover { text-decoration: underline; } #main-content .ti-meta .register-affil button, #main-content .login-register form input[type="submit"] { background:#ff7f66; box-shadow: 0px 3px 0px #d76e5a; text-transform: uppercase; color:#fff; border: none; padding: 10px 20px; margin-top: 10px; text-shadow: none; } #main-content .ti-meta .register-affil button:hover, #main-content .login-register form input[type="submit"]:hover { opacity: 0.8; } /* Section Header */ #content .section-header {height: auto; background: url("images/header-section.png") repeat-x;} #content .section-header h2 { font-family: HelveticaNeue, "Helvetica Neue", Helvetica, "Lato", Arial, sans-serif; font-size: 25px; color:#fff; text-shadow: 0px 3px 4px rgba(0,0,0,0.3); font-weight: bold; line-height: 1.8; margin-bottom:0px; float: left; z-index: 2; position: relative;} /* Section Header Collections */ .themes-collection .section-header h1 { font-family: HelveticaNeue, "Helvetica Neue", Helvetica, "Lato", Arial, sans-serif; font-size: 25px; color:#fff; text-shadow: 0px 3px 4px rgba(0,0,0,0.3); font-weight: bold; line-height: 1.5; margin-bottom:0px; float: left; z-index: 2; position: relative;width:100%;} h2#category-h2 { font-family: HelveticaNeue, "Helvetica Neue", Helvetica, "Lato", Arial, sans-serif; font-size: 14px!important; color:#fff; line-height: 1.2!important;font-weight: normal!important; margin-bottom:0px; float: left; z-index: 2; position: relative;padding-top:0px!important;} /* Rope */ #content .rope { position: absolute; top: 0; left: -60px;} /* Cookie consent bar */ .has-cookie-bar #catapult-cookie-bar { background-color: rgba(0, 0, 0, .65); padding: 10px; box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.5); } .has-cookie-bar #catapult-cookie-bar .ctcc-left-side { color: #fff; font-size: 13px; } .has-cookie-bar #catapult-cookie-bar .ctcc-left-side a { color: #ff7f66; font-weight: bold; text-decoration: none; } .has-cookie-bar #catapult-cookie-bar .ctcc-right-side button { background: none; background-color: #ff7f66; box-shadow: 0px 3px 0px #d76e5a; color: #fff; text-shadow: none; letter-spacing: .5px; } .has-cookie-bar #catapult-cookie-bar .ctcc-right-side button:hover { opacity: .9; } /* ThemeIsle - Themes Collection ======================================================= */ /* Theme Filter */ .theme-filter { background: #fff; border-bottom: 1px solid #eaeaea; box-shadow: 0px 2px 2px rgba(0,0,0,0.05 ); padding: 10px 0 0;} .theme-filter fieldset { margin: 0; margin-right: 20px; } .theme-filter fieldset.right { margin-right: 0px; } .theme-filter fieldset * { margin: 0; display: inline-block; } .theme-filter fieldset label { float: left; color:#868686; font-weight: normal; line-height: 2.6; margin-right: 5px !important; } .theme-filter fieldset select, .theme-filter fieldset input { padding: 0; margin: 0; border: 1px solid #e1e1e1; border-radius: 2px; padding: 7px; } .theme-filter fieldset input { padding: 8px; margin-bottom: 10px;} /* Theme List */ #main-content .themes-list .theme { width: 291px; float: left; margin-right: 33px; margin-bottom: 28px; border: 1px solid #dedede; border-radius: 3px; background:#fff; box-shadow: 0px 2px 2px rgba(0,0,0,0.05);} /*#main-content .themes-list .theme:nth-of-type(3n) {margin-right:0px;}*/ #main-content .themes-list .theme .theme-pic { position: relative; } #main-content .themes-list .theme .theme-pic .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.6); display:none;} .ascuns { display: none; } #main-content .themes-list .theme:nth-child(3n){ margin-right: 0; } .themepage-button { text-align: center;text-transform: uppercase;border: none;color: #fff !important;text-shadow: none;font-family: "Lato";font-weight: bold;font-size: 1.214em;padding: 6px 22px;text-decoration: none;border-radius: 3px;float:left;margin-right:5px; } .themepage-button-red { background: #ff7f66;box-shadow: 0px 3px 0px #c76855; border-left: 1px solid #aaa; } .themepage-button-green { background: #a0d468 !important;box-shadow: 0px 3px 0px #8dc153 !important; } .themepage-button-blue { background: #a0d468 !important; box-shadow: 0px 3px 0px #8dc153 !important; } .themepage-button:hover { color:#fff; opacity: .9; } .page-template-page-themes_collection-php .edd_purchase_submit_wrapper a.edd-add-to-cart.edd-has-js { /*display: none;*/ } #main-content .themes-list .theme .theme-pic img { width: 100% !important; padding: 5px; } #main-content .themes-list .theme .theme-link { width: 100%; border-top: 1px solid #dedede; text-align: center; margin: 0; padding: 0; line-height: 1; padding-bottom: 13px; } #main-content .themes-list .theme .theme-link a { font-family: HelveticaNeue, "Helvetica Neue", Helvetica, "Lato", Arial, sans-serif; font-size: 13px; font-weight: bold; text-decoration: none; color:#5f5e5e; } #main-content .themes-list .theme .theme-link a:hover { color: #8dc153; } #main-content .themes-list .theme.last { margin-right: 0; } #main-content .themes-list .theme .theme-type { width: 100%; border-top: 1px solid #dedede; margin: 0; padding: 10px; line-height: 1; font-family: HelveticaNeue, "Helvetica Neue", Helvetica, "Lato", Arial, sans-serif; font-size: 15px; text-decoration: none; color: #5f5e5e; } #main-content .themes-list .theme .edd_price { font-family: HelveticaNeue, "Helvetica Neue", Helvetica, "Lato", Arial, sans-serif; font-size: 16px; font-weight: bold; text-decoration: none; color: #8dc153; float: right; padding-top: 10px; padding-right: 10px; } #main-content .themes-list .theme .themes-buttons { position: relative; width: 263px; display: block; margin-left:auto; margin-right:auto; margin-top: 65px; } #main-content .themes-list .theme .themes-buttons .theme-button1 a, #main-content .themes-list .theme .themes-buttons .theme-button2 a{ color:#fff; text-decoration:none; font-family: "Droid Serif"; font-size: 14px; text-transform: initial; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #main-content .themes-list .theme .themes-buttons .theme-button1, #main-content .themes-list .theme .themes-buttons .theme-button2{ position:absolute; padding: 5px 10px; border: 1px solid #fff; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #main-content .themes-list .theme .themes-buttons .theme-button1:hover, #main-content .themes-list .theme .themes-buttons .theme-button2:hover { background:#fff; } #main-content .themes-list .theme .themes-buttons .theme-button1:hover a, #main-content .themes-list .theme .themes-buttons .theme-button2:hover a { color:#000; } #main-content .themes-list .theme .themes-buttons .theme-button-or { position:absolute; background: #fff; color: #000; border-radius: 100px; font-family: "Droid Serif", sans-serif; font-style: italic; font-size: 12px; border: 2px solid #fff; width: 26px; height: 26px; text-align: center; left:109px; z-index:100; top:4px; } #main-content .themes-list .theme .themes-buttons .theme-button1 { left:33px; border-radius: 5px 0px 0px 5px; } #main-content .themes-list .theme .themes-buttons .theme-button2 { right:33px; border-radius: 0px 5px 5px 0px; } #main-content .themes-list .theme .themes-buttons .theme-button-buy { position:absolute; background: #8dc153; border-radius: 100px; border: 2px solid #fff; width: 65px; height: 65px; left:240px; z-index:100; top:-80px; } #main-content .themes-list .theme .themes-buttons .theme-button-buy.free-theme {display:none !important;} #main-content .themes-list .theme .themes-buttons .theme-button-buy a.buy-now { color: #fff; font-family: "Droid Serif", sans-serif; font-style: italic; font-size: 12px; text-decoration:none; text-align:center; padding: 15px; float: left; line-height: 15px; text-align: center; } #main-content .themes-list .theme .themes-buttons .theme-button-buy a.download-now { color: #fff; font-family: "Droid Serif", sans-serif; font-style: italic; font-size: 12px; text-decoration:none; text-align:center; padding-top: 20px; float: left; line-height: 15px; text-align: center; } #main-content .themes-list.container .theme-button-buy { display:none } /* Theme list - 2 themes per row */ #main-content .themes-list .theme2 { width: 452px; float: left; margin-right: 33px; margin-bottom: 28px; border: 1px solid #dedede; border-radius: 3px; background:#fff; box-shadow: 0px 2px 2px rgba(0,0,0,0.05);} #main-content .themes-list .theme2 .theme-pic { position: relative; height: 500px; } #main-content .themes-list .theme2 .theme-pic .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.6); display:none;} .ascuns { display: none; } #main-content .themes-list .theme2:nth-child(2n){ margin-right: 0; } .themepage-button { text-align: center;text-transform: uppercase;border: none;color: #fff !important;text-shadow: none;font-family: "Lato";font-weight: bold;font-size: 1.214em;padding: 6px 22px;text-decoration: none;border-radius: 3px;float:left;margin-right:5px; } /* Themes list with added content styles */ .category-text-description { line-height: 18px; font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 15px; color: #7f7f7f; letter-spacing: .1px; border-radius: 10px; border: 1px solid #e1e1e1; margin-bottom: 25px; } .category-text-description > p {margin: 0 auto;} .jft-feed.container { padding: 30px 0 50px; } .jft-feed > h3 { color: #7f7f7f; font-size: 24px; text-align: center; font-weight: bold; font-family: "Helvetica"; margin-bottom: 30px; } .jft-theme-container { width: 300px; margin-right: 16px; display: inline-block; margin-bottom: 25px; border: 1px solid #dedede; border-radius: 3px; background: #fff; box-shadow: 0px 2px 2px rgba(0,0,0,0.05); } .jft-theme-container:nth-child(3n) { margin-right: 0; } .jft-theme-pic { position: relative; height: 224px; overflow: hidden; } .jft-theme-container .overlay { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; opacity:0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.6); -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .jft-theme-container .overlay:hover { opacity: 1; } .jft-theme-container .jft-theme-link { width: 100%; border-top: 1px solid #dedede; text-align: center; margin: 0; padding: 0; line-height: 1; padding: 10px 0; } .jft-theme-container .jft-theme-link a{ text-align: center; display: block; font-family: HelveticaNeue, "Helvetica Neue", Helvetica, "Lato", Arial, sans-serif; font-size: 15px; font-weight: bold; text-decoration: none; color: #5f5e5e; width: 100%; font-weight: 600; } .jft-theme-container .jft-theme-link a:hover{ color: #8dc153; } .jft-theme-pic .overlay .jft-theme-button { margin: 0 auto; } .jft-theme-pic .overlay .jft-theme-button span { cursor: pointer; color: #fff; text-decoration: none; font-size: 15px; letter-spacing: .5px; border: 1px solid #fff; padding: 6px 15px; border-radius: 5px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .jft-theme-pic .overlay .jft-theme-button span:hover { color: #000; background-color: #fff; } .jft-related-themes { text-align: center; } #main-content .themes-list .theme2 .theme-pic img { width: 100% !important; } #main-content .themes-list .theme2 .theme-link { width: 100%; border-top: 1px solid #dedede; text-align: center; margin: 0; padding: 0; line-height: 1; padding-bottom: 13px; } #main-content .themes-list .theme2 .theme-link a { font-family: HelveticaNeue, "Helvetica Neue", Helvetica, "Lato", Arial, sans-serif; font-size: 15px; font-weight: bold; text-decoration: none; color:#5f5e5e; } #main-content .themes-list .theme2 .theme-link a:hover { color: #8dc153; } #main-content .themes-list .theme2.last { margin-right: 0; } #main-content .themes-list .theme2 .theme-type { width: 100%; border-top: 1px solid #dedede; margin: 0; padding: 10px; line-height: 1; font-family: HelveticaNeue, "Helvetica Neue", Helvetica, "Lato", Arial, sans-serif; font-size: 15px; text-decoration: none; color: #5f5e5e; } #main-content .themes-list .theme2 .edd_price { font-family: HelveticaNeue, "Helvetica Neue", Helvetica, "Lato", Arial, sans-serif; font-size: 16px; font-weight: bold; text-decoration: none; color: #8dc153; float: right; padding-top: 10px; padding-right: 10px; } #main-content .themes-list .theme2 .themes-buttons { position: relative; width: 263px; display: block; margin-left:auto; margin-right:auto; margin-top: 210px; } #main-content .themes-list .theme2 .themes-buttons .theme-button1 a, #main-content .themes-list .theme2 .themes-buttons .theme-button2 a{ color:#fff; text-decoration:none; font-family: "Droid Serif"; font-size: 14px; text-transform: initial; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #main-content .themes-list .theme2 .themes-buttons .theme-button1, #main-content .themes-list .theme2 .themes-buttons .theme-button2{ position:absolute; padding: 5px 10px; border: 1px solid #fff; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #main-content .themes-list .theme2 .themes-buttons .theme-button1:hover, #main-content .themes-list .theme2 .themes-buttons .theme-button2:hover { background:#fff; } #main-content .themes-list .theme2 .themes-buttons .theme-button1:hover a, #main-content .themes-list .theme2 .themes-buttons .theme-button2:hover a { color:#000; } #main-content .themes-list .theme2 .themes-buttons .theme-button-or { position:absolute; background: #fff; color: #000; border-radius: 100px; font-family: "Droid Serif", sans-serif; font-style: italic; font-size: 12px; border: 2px solid #fff; width: 26px; height: 26px; text-align: center; left:109px; z-index:100; top:4px; } #main-content .themes-list .theme2 .themes-buttons .theme-button1 { left:33px; border-radius: 5px 0px 0px 5px; } #main-content .themes-list .theme2 .themes-buttons .theme-button2 { right:33px; border-radius: 0px 5px 5px 0px; } #main-content .themes-list .theme2 .themes-buttons .theme-button-buy { position:absolute; background: #8dc153; border-radius: 100px; border: 2px solid #fff; width: 65px; height: 65px; left:318px; z-index:100; top:-229px; } #main-content .themes-list .theme2 .themes-buttons .theme-button-buy a.buy-now { color: #fff; font-family: "Droid Serif", sans-serif; font-style: italic; font-size: 12px; text-decoration:none; text-align:center; padding: 15px; float: left; line-height: 15px; text-align: center; } #main-content .themes-list .theme2 .themes-buttons .theme-button-buy a.download-now { color: #fff; font-family: "Droid Serif", sans-serif; font-style: italic; font-size: 12px; text-decoration:none; text-align:center; padding-top: 20px; float: left; line-height: 15px; text-align: center; } /* ThemeIsle - Pricing ======================================================= */ /* Pricing 30 day money back guarantee */ h5.old-lp-money-back { position: relative; text-align: center; margin-bottom: 40px; margin-top: 10px; color: #898989; font-size: 16px; letter-spacing: 2px; } h5.old-lp-money-back:before { background: #d1d1d1; content: ""; display: block; height: 1px; position: absolute; top: 50%; width: 100%; } h5.old-lp-money-back>span { padding: 0 10px; background: #fff; position: relative; } h5.old-lp-money-back>span>span { background: #fff; padding: 7px 20px; position: relative; z-index: 1; border-radius: 5px; border: 1px solid #d1d1d1; } /* Pricing Middle Content */ #content.pricing #middle-content { height: 645px; } /* Pricing Tables */ #middle-content .pricing-tables { position: relative; width: 915px; z-index: 9999 !important; float: right; } .pricing-tables .treasure-chest.table { border: 2px solid #fdbda9; border-radius: 5px 5px 0 0; } #middle-content .pricing-tables .pricing-table { width: 295px; margin-right: 15px; float: left; } @media(max-width:768px){#middle-content .pricing-tables .pricing-table{ margin-right: 15px; float: left;}} #middle-content .pricing-tables .pricing-table header { background: url("images/pricing-table-rope.png") no-repeat bottom 7px center, url("images/pt-head-bg.png") repeat-x bottom ; padding-top: 75px;} #middle-content .pricing-tables .pricing-table .pt-inner { background: #fff; border-radius: 0px 0px 3px 3px; box-shadow: 0px 2px 2px rgba(0,0,0,0.2); padding-bottom: 25px; } #middle-content .pricing-tables .pricing-table:last-of-type { margin-right: 0 !important; } /* Pricing Table Info */ #middle-content .pricing-tables .pricing-table .pt-info { padding: 30px 20px 20px 80px; border-bottom: 1px solid #ddd;} #middle-content .pricing-tables .pricing-table .pt-info h3 { font-family: HelveticaNeue, "Helvetica Neue", Helvetica, "Lato", Arial, sans-serif; color:#3f3f3f; font-size: 22px; font-weight: bold; line-height: 1; margin-top: -10px; white-space: nowrap;} #middle-content .pricing-tables .pricing-table .pt-info h4 { font-family: "Droid Serif", serif; font-size: 13px; color:#878787; font-style: italic; line-height: 1; margin-top: -5px; } /* Pricing Tables Icons */ #middle-content .pricing-tables .pricing-table.single .pt-info { background: url("images/single-gem.png") no-repeat left 20px center; } #middle-content .pricing-tables .pricing-table.developer .pt-info { background: url("images/developer-gem.png") no-repeat left 20px center; } #middle-content .pricing-tables .pricing-table.club .pt-info { background: url("images/pirate-club-icon.png") no-repeat left 20px center; } /* * Tooltip Styles */ /* Base styles for the element that has a tooltip */ [data-tooltip], .tooltip { position: relative; cursor: pointer; } /* Base styles for the entire tooltip */ [data-tooltip]:before, [data-tooltip]:after, .tooltip:before, .tooltip:after { position: absolute; visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24); transition:opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24); transition:opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24); transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24), -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); pointer-events: none; } /* Show the entire tooltip on hover and focus */ [data-tooltip]:hover:before, [data-tooltip]:hover:after, [data-tooltip]:focus:before, [data-tooltip]:focus:after, .tooltip:hover:before, .tooltip:hover:after, .tooltip:focus:before, .tooltip:focus:after { visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } /* Base styles for the tooltip's directional arrow */ .tooltip:before, [data-tooltip]:before { z-index: 1001; border: 6px solid transparent; background: transparent; content: ""; } /* Base styles for the tooltip's content area */ .tooltip:after, [data-tooltip]:after { z-index: 1000; padding: 8px; width: 160px; background-color: #000; background-color: hsla(0, 0%, 20%, 0.9); color: #fff; content: attr(data-tooltip); font-size: 14px; line-height: 1.2; } /* Directions */ /* Top (default) */ [data-tooltip]:before, [data-tooltip]:after, .tooltip:before, .tooltip:after, .tooltip-top:before, .tooltip-top:after { bottom: 100%; left: 50%; } [data-tooltip]:before, .tooltip:before, .tooltip-top:before { margin-left: -6px; margin-bottom: -12px; border-top-color: #000; border-top-color: hsla(0, 0%, 20%, 0.9); } /* Horizontally align top/bottom tooltips */ [data-tooltip]:after, .tooltip:after, .tooltip-top:after { margin-left: -80px; } [data-tooltip]:hover:before, [data-tooltip]:hover:after, [data-tooltip]:focus:before, [data-tooltip]:focus:after, .tooltip:hover:before, .tooltip:hover:after, .tooltip:focus:before, .tooltip:focus:after, .tooltip-top:hover:before, .tooltip-top:hover:after, .tooltip-top:focus:before, .tooltip-top:focus:after { -webkit-transform: translateY(-12px); -ms-transform: translateY(-12px); transform: translateY(-12px); } /* Left */ .tooltip-left:before, .tooltip-left:after { right: 100%; bottom: 50%; left: auto; } .tooltip-left:before { margin-left: 0; margin-right: -12px; margin-bottom: 0; border-top-color: transparent; border-left-color: #000; border-left-color: hsla(0, 0%, 20%, 0.9); } .tooltip-left:hover:before, .tooltip-left:hover:after, .tooltip-left:focus:before, .tooltip-left:focus:after { -webkit-transform: translateX(-12px); -ms-transform: translateX(-12px); transform: translateX(-12px); } /* Bottom */ .tooltip-bottom:before, .tooltip-bottom:after { top: 100%; bottom: auto; left: 50%; } .tooltip-bottom:before { margin-top: -12px; margin-bottom: 0; border-top-color: transparent; border-bottom-color: #000; border-bottom-color: hsla(0, 0%, 20%, 0.9); } .tooltip-bottom:hover:before, .tooltip-bottom:hover:after, .tooltip-bottom:focus:before, .tooltip-bottom:focus:after { -webkit-transform: translateY(12px); -ms-transform: translateY(12px); transform: translateY(12px); } /* Right */ .tooltip-right:before, .tooltip-right:after { bottom: 50%; left: 100%; } .tooltip-right:before { margin-bottom: 0; margin-left: -12px; border-top-color: transparent; border-right-color: #000; border-right-color: hsla(0, 0%, 20%, 0.9); } .tooltip-right:hover:before, .tooltip-right:hover:after, .tooltip-right:focus:before, .tooltip-right:focus:after { -webkit-transform: translateX(12px); -ms-transform: translateX(12px); transform: translateX(12px); } /* Move directional arrows down a bit for left/right tooltips */ .tooltip-left:before, .tooltip-right:before { top: 3px; } /* Vertically center tooltip content for left/right tooltips */ .tooltip-left:after, .tooltip-right:after { margin-left: 0; margin-bottom: -16px; } /* Show dotted line for tooltip objects */ .tooltip-info { position: relative; display: inline-block; border-bottom: 1px dotted black; } /* Pricing Tables Options */ #middle-content .pricing-tables .p-options { border-bottom: 1px solid #ddd; } #middle-content .pricing-tables .p-options ul { padding: 0px 23px; margin: 25px 0px 25px 0px; } #middle-content .pricing-tables .p-options ul li { font-family: HelveticaNeue, "Helvetica Neue", Helvetica, "Lato", Arial, sans-serif; padding: 0px 0px 0px 30px; background: url("images/pt-icon-normal.png") no-repeat left center; color:#737373; margin-bottom: 8px;} #middle-content .pricing-tables .p-options ul li.highlight { background: url("images/pt-icon-highlight.png") no-repeat left center; font-weight: bold; color: #8dc153;} #middle-content .pricing-tables .p-options ul li.h-bold, .affiliates-page .affiliate-benefits ul li { background: url("images/pt-icon-bold.png") no-repeat left center; font-weight: bold; } li.h-bold { background: url("images/pt-icon-bold.png") no-repeat left center; font-weight: bold; } /* Pricing Tables Price */ #middle-content .pricing-tables .pt-price { font-size: 66.8px; font-weight: bold; color:#494949; text-align: center; letter-spacing: -3px; line-height: 1; padding: 20px 0px; } /* Pricing Tables Join Button */ #middle-content .pricing-tables button.join { display: block; margin: 0 auto; background: #ff7f65; border-radius: 4px; border: none; box-shadow: 0px 3px 0px #da6f5a; } #middle-content .pricing-tables button.join:hover, .join-now-color:hover { opacity: 0.9; } #edd_price_266 {color:#F16347!important;} #middle-content .pricing-tables button.join a { text-transform: uppercase; font-family: "Lato", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif; text-decoration: none; color: #fff; text-shadow: none; font-weight: 800; font-size: 13px; padding: 7px 15px; } /* Pricing Table - Club */ #middle-content .pricing-tables .pricing-table.club .pt-inner { background: url("images/chest-box-noshadow.png") no-repeat bottom center, #fff; padding-bottom: 20px; } #middle-content .pricing-tables .pricing-table.club .p-options { border-bottom: none; } #middle-content .pricing-tables .pricing-table.club .pt-price { line-height: 1; color:#fff; text-shadow: 0px 3px 3px rgba(0,0,0,0.4); } #middle-content .pricing-tables .pricing-table.club button.join { margin-top: 15px; background: #a0d468; box-shadow: 0px 3px 0px #8dc153; } /* Pricing Page - Background */ .theme-page #content.pricing .ti-beach img.pirate { position: absolute; left: -170px; top: 74px;} #content.pricing .ti-beach img.pirate { position: absolute; left: -200px; top: 135px;} #content.pricing #middle-content .wind1 { left: 1006px; top: 400px; } #content.pricing #middle-content .wind2 { left: 941px; top: 257px;} #content.pricing #middle-content .wind3 { left: 606px; top: 324px;} #content.pricing #middle-content .wind4 { left: 819px; top: 260px;} #content.pricing #middle-content .wind-big1 { left: 210px; top: 2px; } #content.pricing #middle-content .wind-big2 { left: 35px; top: 372px; } /* FAQ */ #content #main-content .faq { padding: 0px 0px 40px 0px; } #content #main-content .faq .question { width: 48%; margin-right: 4%; float: left; margin-bottom: 20px; } #content #main-content .faq .question:nth-child(even) { margin-right: 0; } #content #main-content .faq .question h3 {padding-left: 35px;background: url("images/faq-icon.png") no-repeat left center;color: #5b5b5b;font-size: 18px;font-weight: bold;line-height: 1.2;height: 34px;font-family: HelveticaNeue, "Helvetica Neue", Helvetica, "Lato", Arial, sans-serif; } #content #main-content .faq .question p { color:#5b5b5b; font-family: HelveticaNeue, "Helvetica Neue", Helvetica, "Lato", Arial, sans-serif; font-size: 14px; } /* WHY JOIN STYLES */ #main-content .why-join { padding: 40px 0px;font-size: 15px;color: #3f3f3f;line-height: 1.6;} #main-content .why-join h2 {color: #3f3f3f;font-weight: bold;letter-spacing: -1px;font-size: 32px;} #main-content .why-join ul {list-style-type: circle;} /* Why Join Features General Styles */ #main-content .why-join .feature { padding: 40px 0px; } #main-content .why-join .feature h1, #main-content .why-join .one-half h1 { font-family: HelveticaNeue, "Helvetica Neue", Helvetica, "Lato", Arial, sans-serif; color:#2a2a2a; font-weight: bold; font-size: 39px; line-height: 1; } #main-content .why-join .feature p, #main-content .why-join .one-half p { font-family: HelveticaNeue, "Helvetica Neue", Helvetica, "Lato", Arial, sans-serif; color:#2a2a2a; font-size: 16px; line-height: 1.45; } #main-content .why-join .feature:nth-child(odd) { padding-left: 460px; } #main-content .why-join .feature:nth-child(even) { padding-right: 460px; } #main-content .why-join .feature:nth-child(odd) h1, #main-content .why-join .feature:nth-child(odd) p { margin-left: 30px; } #main-content .why-join .feature:nth-child(even) h1, #main-content .why-join .feature:nth-child(even) p { margin-right: 30px; } #main-content .why-join .one-half:nth-child(even), #main-content .why-join .one-half:nth-child(even) img {float:right !important;} #main-content .why-join .two-halves {margin: 30px 0px;} #main-content .why-join .two-halves:first-of-type {margin-top:0px;} /* Why Join - Features Background Images */ #main-content .why-join .feature.money-back { background: url("images/features/money-back-big.png") no-repeat left center; } #main-content .why-join .feature.fast-install { background: url("images/features/fast-install-big.png") no-repeat right center; } #main-content .why-join .feature.pixel-perfect { background: url("images/features/pixel-perfect-big.png") no-repeat left center; } #main-content .why-join .feature.support { background: url("images/features/excellent-support-big.png") no-repeat right center; } #main-content .why-join .feature.theme-test { background: url("images/features/theme-test-big.png") no-repeat left center; } /* BLOG STYLES */ #main-content .blog { padding: 20px 0px; } #main-content .blog article { margin-bottom: 35px; border-bottom: 1px solid #ddd; padding-bottom: 35px; } #main-content .blog article:last-of-type { border-bottom: none;} #main-content .blog article h1 { line-height: 1; margin: 0; padding: 0; } #main-content .blog article h1 a { color:#535353; font-family: HelveticaNeue, "Helvetica Neue", Helvetica, "Lato", Arial, sans-serif; font-weight: bold; font-size: 33px; text-decoration: none; letter-spacing: -1px; } #main-content .blog article h1 a:hover, #main-content .blog article .a-meta a:hover { color:#ff7f66; } #main-content .blog article .a-meta { margin-top: 5px; } #main-content .blog article .a-meta p { font-family: HelveticaNeue, "Helvetica Neue", Helvetica, "Lato", Arial, sans-serif; font-size: 15px; color:#afafaf; float: left;} #main-content .blog article .a-meta a { font-weight: bold; text-decoration: none; color:#909090; } #main-content .blog article .a-meta .a-comments { display: inline-block; float: right; margin-left: 10px; padding-left: 20px; background: url("images/comment-icon.png") no-repeat left center; } #main-content .blog article .a-content { color: #505050; font-family: HelveticaNeue, "Helvetica Neue", Helvetica, "Lato", Arial, sans-serif; font-size: 15px; line-height: 24px;} #main-content .blog article .a-content p { margin-top: 10px; } #main-content .blog article a.read-more { font-size: 18px; color: #ff7f66; text-decoration: none; font-weight: bold;} #main-content .blog article a.read-more:hover { text-decoration: underline; } #main-content .blog .pagination { clear: both; padding-bottom: 50px; } #main-content .blog .pagination a { display: block; background: rgba(217, 229, 240, 0.53); padding: 10px 20px; border-radius: 5px; font-weight: bold; text-decoration: none; color:rgb(110, 143, 158); } #main-content .blog .pagination a:hover { background: #ff7f66; color:#fff; cursor: pointer} #main-content .blog .pagination .older-posts { float: left; } #main-content .blog .pagination .newer-posts { float: right;} /* ThemeIsle - Order Page ======================================================= */ #main-content .order-wrapper .o-table { float: left; width: 68%; margin-right: 2%; } #main-content .order-wrapper .order-wrapper { width: 100%!important; } #main-content .order-wrapper .order-wrapper header {display:none; } #main-content .order-wrapper .o-sidebar { width: 28%; float: right; } /* Order Wrapper - Headers */ #main-content .order-wrapper .o-table .o-details header, #main-content .order-wrapper .account-details header { border: 1px solid #e8e8e8; background: #ffffff; /* Old browsers */ /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #ffffff 0%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */background: -webkit-gradient(linear, left top, left bottom, from(#ffffff),to(#f5f5f5));background: linear-gradient(to bottom, #ffffff 0%,#f5f5f5 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */ border-radius: 5px 5px 0px 0px; padding: 10px 0px 10px 20px; } #main-content .order-wrapper .o-table .o-details header h2, #main-content .order-wrapper .account-details header h2 { color:#474747; font-size: 20px; font-weight: bold; padding: 0; line-height: 1; margin: 0; padding-left: 25px; background: url("images/cart-icon.png") no-repeat left center; } #main-content .order-wrapper .account-details header { border-radius: 0px; } #main-content .order-wrapper .account-details header h2 { background: url("images/user-icon.png") no-repeat left center; } /* Order Wrapper - Table */ #main-content .order-wrapper .o-details table { border: 1px solid #e2e2e2; border-collapse: collapse; width: 100%; text-align: center; vertical-align: middle; line-height: 1;} #main-content .order-wrapper .o-details table thead { background:#f9f9f9; } #main-content .order-wrapper .o-details table td, #main-content .order-wrapper .o-details table th, #main-content .order-wrapper .order-total { border: 1px solid #e2e2e2; } #main-content .order-wrapper .order-total { border-top: none; padding: 12px; } #main-content .order-wrapper .o-details .edd_discount { float:right; font-size: 17px; color: #474747; font-weight: bold; } #main-content .order-wrapper .o-details th {padding: 12px; } a.edd_discount_link {color: #000 !important;} #main-content .order-wrapper .order-total .left, .o-details .left { font-size: 15px; color:#c6c6c6; text-transform: uppercase; font-weight: bold; } #main-content .order-wrapper .order-total .right, .o-details .right { font-size: 17px; color:#474747; font-weight: bold;} #main-content .order-wrapper .remove-item { display:block; background:url("images/remove_item_sprite.png") no-repeat; width: 20px; height: 45px; text-indent: -9999px; margin: 0 auto;color:transparent; text-align: left; overflow: hidden;} #main-content .order-wrapper .remove-item:hover { background-position: -21px 0px; } #main-content .order-wrapper .o-details table thead tr th { padding: 7px 0px; font-size: 13px; color:#474747; font-weight: bold; text-align:center; } #main-content .order-wrapper .o-details table tbody tr td { vertical-align: middle; } #main-content .order-wrapper .o-details table tbody .item-icon, #main-content .order-wrapper .o-details table tbody .item-description { float: left; } #main-content .order-wrapper .o-details table .oi-name { padding: 20px; } #main-content .order-wrapper .o-details table tbody .item-description.single { width: 100%;line-height: 1;text-align: left;background: url("images/diamond_theme_icon.png") no-repeat left 10px center; padding: 10px 0px 10px 58px; min-height: 53px; } #main-content .order-wrapper .o-details table tbody .item-description.bundle { width: 100%;line-height: 1;text-align: left;background: url("images/dev_chest_icon.png") no-repeat left 10px center;padding: 10px 0px 10px 58px;height: 53px; } #main-content .order-wrapper .o-details .item-description a { color: #8dc153; text-decoration: none; font-weight: bold; font-size: 17px; } #main-content .order-wrapper .o-details .item-description a:hover { text-decoration: underline; } #main-content .order-wrapper .o-details .item-description p { margin: 0; font-size: 14px; color:#afafaf; } #main-content .order-wrapper .o-details .edd_cart_item td { padding: 0 !important; } #main-content .order-wrapper .o-price { font-size: 20px; color:#474747; font-weight: bold; text-align: center; } #main-content .order-wrapper .account-details { margin-bottom: 40px; } #main-content .order-wrapper .account-management { margin: 0; } #main-content .order-wrapper .account-management li { float: left; width: 50%; text-align: center; border: 1px solid #e2e2e2; padding: 13px; margin: 0; } #main-content .order-wrapper .account-management li:first-of-type { border-right: none; } #main-content .order-wrapper .account-management li a { color:#c7c7c7; text-decoration: none; text-transform: uppercase; font-weight: bold; font-size: 14px; } #main-content .order-wrapper .account-management li a:hover, #main-content .order-wrapper .account-management li a.active, #main-content .order-wrapper .account-management li a.current { color:#6e6e6e; } #main-content .order-wrapper .account-details .am-page .already-member { margin: 0px; font-style: italic; font-size: 13px; color:#696969; } #main-content .order-wrapper .account-details .am-page .already-member a { color:#ff7f66; font-weight: bold; text-decoration: none; } #main-content .order-wrapper .account-details .am-page .already-member a:hover { text-decoration: underline; } #main-content .order-wrapper .account-details .am-page { border: 1px solid #e2e2e2; border-top: none; padding: 20px; } #main-content .order-wrapper .account-details .am-page form .user-info fieldset { width: 48%; float:left; margin-right: 4%; } #main-content .order-wrapper .account-details .am-page form .user-info fieldset.last { margin-right: 0; } #main-content .order-wrapper .account-details .am-page form .user-info fieldset input, #main-content .order-wrapper #coupon-code{ width: 100%; margin: 0 auto; margin-top: 10px; border-radius: 0px; padding: 10px 5px; } #main-content .order-wrapper .am-page #coupon-code{ width: 48%; float: left; margin-top: -5px; } #edd_checkout_form_wrap input[type=email], #edd_checkout_form_wrap input[type=password], #edd_checkout_form_wrap input[type=text], #edd_checkout_form_wrap textarea {padding: 9px 6px;} #main-content .order-wrapper .payment-method { float: left; margin-right: 20px; } #main-content .order-wrapper .payment-method label { padding-left: 45px; height: 30px; float:left; line-height: 2.3; } #main-content .order-wrapper .payment-method input { float: left; margin-top: 7px; margin-right: 10px; } #main-content .order-wrapper .payment-method.paypal label { background: url("images/paypal_icon.png") no-repeat left center; } #main-content .order-wrapper .payment-method.cc label { background: url("images/credit_card_icon.png") no-repeat left center; } #main-content .order-wrapper .am-page input[type="submit"], .account-submit, #main-content input[type="submit"] { background:#a0d468 !important; box-shadow: 0px 3px 0px #8dc153 !important; border: none !important; text-transform: uppercase; text-shadow: none; color:#fff !important; margin: 0 auto !important; display: table; } #main-content .order-wrapper .am-page input[type="submit"]:hover, .account-submit:hover, #main-content input[type="submit"]:hover { opacity: 0.9; cursor: pointer; } #main-content .order-wrapper .o-sidebar .o-sidebar-widget header { border-bottom: 1px solid #e2e2e2; padding-left:15px; } #main-content .order-wrapper .o-sidebar .o-sidebar-widget header h2 { font-size: 15px; color:#474747; font-weight: bold; margin: 0; padding: 0; } #main-content .order-wrapper .o-sidebar .o-sidebar-widget { border: 1px solid #e2e2e2; border-radius: 5px; margin-bottom: 20px; } #main-content .order-wrapper .o-sidebar .o-sidebar-widget .osw-body {padding: 15px; } #main-content .order-wrapper .o-sidebar .o-sidebar-widget .osw-body p { margin: 0; color:#474747; font-style: italic; font-size: 14px; line-height: 1.2; } #main-content .order-wrapper .o-sidebar .o-sidebar-widget .osw-body p a { font-weight: bold; color:#ff7f66; text-decoration: none; } #main-content .order-wrapper .o-sidebar .o-sidebar-widget .osw-body p a:hover { text-decoration: underline; } #main-content .order-wrapper .o-sidebar .o-sidebar-widget .osw-body .order-benefits { margin: 0; } #main-content .order-wrapper .o-sidebar .o-sidebar-widget .osw-body .order-benefits ul { margin-left: 0; } #main-content .order-wrapper .o-sidebar .o-sidebar-widget .osw-body .order-benefits li { padding-left: 25px; background:url("images/pt-icon-highlight.png") no-repeat left center; font-weight: bold; color:#a1a1a1; margin: 7px 0px; } /* Thank You - Order Complete Page */ .ty-wrapper .order-info { padding-left: 210px; background: url("images/chestbox_diamonds.png") no-repeat left center; min-height: 189px; margin-bottom: 20px; } .ty-wrapper .order-info h2 { font-size: 24px; color:#4b4b4b; font-weight: bold; margin: 0; padding: 0; padding-top: 10px; } .ty-wrapper .order-info p { font-size: 14px; color:#838383; margin: 0; line-height: 1.2; } .ty-wrapper .order-info p a { text-decoration: none; color:#ff7f66; font-weight: bold; } .ty-wrapper .order-info p a:hover { text-decoration: underline; } /* Thank You - Bonus Info */ .ty-wrapper .order-info .bonus-info { margin-top: 20px; } .ty-wrapper .order-info .bonus-info div { width: 50%; float: left; border: 1px solid #ddd; padding: 15px; padding-left: 90px; } .ty-wrapper .order-info .bonus-info .free-shirt { border-radius: 5px 0px 0px 5px; border-right: 0; background:url("images/blank_shirt.png") no-repeat left -65px center; } .ty-wrapper .order-info .bonus-info .account-upgrade { border-radius: 0px 5px 5px 0px; background:url("images/upgrade_bonus.png") no-repeat left -65px center; } .ty-wrapper .order-info .bonus-info div h3 { margin: 0; padding: 0; font-size: 15px; line-height: 1; } .ty-wrapper .order-info .bonus-info div h3 a { color:#4b4b4b; font-weight: bold; text-decoration: none; margin: 0; padding: 0; } .ty-wrapper .order-info .bonus-info div h3 a:hover { color:#ff7f66; } .ty-wrapper .order-info .bonus-info div p { font-size: 12px; color:#525252; margin-top: 5px; } /* Thank You - Help Buttons */ .ty-wrapper .help div.button { border: none; border-radius: 3px; text-transform: uppercase; text-shadow: 0px; color:#fff; padding: 10px 25px; padding-left: 45px; float:left; margin: 0; margin: 15px 0px; margin-right: 10px; margin-bottom: 20px; } .ty-wrapper .help div.button:hover { opacity: 0.9; } .ty-wrapper .help div.button.forum a:hover, .ty-wrapper .help button.docs a:hover {color:#fff;} .ty-wrapper .help div.button.forum { background: url("images/support_forum_icon.png") no-repeat left 25px center, #a0d468; box-shadow: 0px 3px 0px #8dc153; text-shadow: none; } .ty-wrapper .help div.button.docs { background: url("images/documentation_icon.png") no-repeat left 25px center, #ff7f66; box-shadow: 0px 3px 0px #da6f5a; text-shadow: none; } .ty-wrapper .help .help-tip { float: left; padding-left: 27px; background: url("images/tip_icon.png") no-repeat left top; width: 565px; margin: 0; margin-left: 10px; line-height: 18px; margin-top: 20px; font-family: "Droid Serif", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; font-style: italic; font-size: 13px; color:#696969; text-align: left !important;} /* Thank You - Social Share */ .ty-wrapper .social-share { margin-top: 20px; } .ty-wrapper .social-share nav ul { margin: 0; display: block; height: auto; } .ty-wrapper .social-share nav ul li { display: inline-block; margin: 0; padding: 0; } .ty-wrapper .social-share nav ul li a { display:block; padding: 10px 20px; border: 1px solid #dadada; text-transform: uppercase; text-decoration: none; font-weight: bold; float:left; margin-left: -1px; } .ty-wrapper .social-share nav ul li:first-of-type a { border-radius: 5px 0px 0px 0px; margin-left: 0px !important; } .ty-wrapper .social-share nav ul li:last-of-type a { border-radius: 0px 5px 0px 0px; } .ty-wrapper .social-share nav ul li.facebook a { color:#176ba6; } .ty-wrapper .social-share nav ul li.twitter a { color:#00b4ff; } .ty-wrapper .social-share nav ul li.email a { color:#484848; } .ty-wrapper .social-share nav ul li a:hover, .ty-wrapper .social-share nav ul li.active a { color:#fff; text-decoration: none; text-transform: uppercase; font-weight: bold; margin: 0; /*margin-left: -5px;*/ } .ty-wrapper .social-share nav ul li.facebook a:hover, .ty-wrapper .social-share nav ul li.facebook.current a { background: #176ba6; border: 1px solid #176ba6;} .ty-wrapper .social-share nav ul li.twitter a:hover, .ty-wrapper .social-share nav ul li.twitter.current a { background: #00b4ff; border: 1px solid #00b4ff; margin-left: -1px;} .ty-wrapper .social-share nav ul li.email a:hover, .ty-wrapper .social-share nav ul li.email.current a { background: #484848; border: 1px solid #484848; margin-left: -1px;} .ty-wrapper .social-share nav ul li.facebook a.current{ background: #176ba6; border: 1px solid #176ba6; color: #fff;} .ty-wrapper .social-share nav ul li.twitter a.current { background: #00b4ff; border: 1px solid #00b4ff; color: #fff;} .ty-wrapper .social-share nav ul li.email a.current { background: #484848; border: 1px solid #484848; color: #fff;} .ty-wrapper .share-page { border: 1px solid #dadada; margin-top: -7px; padding: 20px; margin-bottom: 20px;} .ty-wrapper .share-page .share-preview { float: left; width: 15%; margin-right: 2%; } .ty-wrapper .share-page .share-preview img { border: 1px solid #d9d9d9; } .ty-wrapper .share-page .share-details { float: left; width: 70%; } .ty-wrapper .share-page .share-details h4 { margin: 0; padding: 0; line-height: 1;} .ty-wrapper .share-page .share-details h4 a { text-decoration: none; color:#353535; font-size: 14px; font-weight: bold; } .ty-wrapper .share-page .share-details a.source-link { font-style: italic; color:#888; font-size: 12px; text-decoration: none; } .ty-wrapper .share-page .share-details a.source-link:hover { text-decoration: underline; } .ty-wrapper .share-page .share-details .description { line-height: 1; font-size: 12px; color:#484848; margin: 0; } .ty-wrapper .share-page .share-link { float: left; width: 13%; } .ty-wrapper .share-page .share-link button { width: 100%; background: none; border: 1px solid #d9d9d9; text-transform: uppercase; margin-top: 30px; } .ty-wrapper .share-page .share-link button a { text-decoration: none; color:black;} .ty-wrapper .share-page .share-link button:hover a { color:#3d3d3d;} /* Ads and Testimonials */ .ty-wrapper .advertisment { float: left; width: 350px; height: 150px; display: block !important; } .ty-wrapper .testimonials { float: left; width: auto; } .ty-wrapper .testimonials .testimonial { padding: 20px 60px; } /* ThemeIsle - Login/Register ======================================================= */ #main-content .login-register { border: 1px solid #e2e2e2; border-radius: 5px; background:#fff; box-shadow: 0px 1px 2px rgba(0,0,0,0.1);} #main-content .login-register .register-form { width: 60%;display: block;margin: 0 auto;padding: 30px 0px;} #main-content .login-register .login-form { float: left; width: 50%; } #main-content .login-register form { width: 60%; display: block; margin-top: 55px; margin-left:auto; margin-right:auto;} #main-content .login-register header {margin-bottom:30px;} #main-content .login-register > form {float:left; width: 50%; display: block; margin: 0 auto; border-left:1px solid #e2e2e2;padding-bottom: 30px;} #main-content .login-register form input[type="text"], #main-content .login-register form input[type="password"] , #main-content .login-register form input[type="email"]{ width: 100%; } #main-content .login-register form input[type="submit"] { margin: 0; margin: 0 auto; display: table; } #main-content .login-register .forgot { margin: 0; padding: 0; display: block; font-size: 13px; color: #909090; font-style: italic;text-decoration: none; text-align: center; margin-bottom: 15px; } #main-content .login-register .forgot:hover { text-decoration: underline; } #main-content .login-register header h2 { margin:0; color:#3f3f3f; font-weight: bold; font-size: 25px; text-align: center; letter-spacing: -1px; margin-top: 30px !important; } #main-content .register-form header h2 { background:url("images/pirate-club-icon.png") no-repeat left 20px center; height: 46px; padding-left: 40px;} /* ThemeIsle - Account Page ======================================================= */ #main-content .your-account > header span.hello { float: left; color:#474747; } #main-content .your-account > header span.hello b { font-weight: bold; } #main-content .your-account > header nav { float: right; } #main-content .your-account > header nav ul { margin: 0; padding: 0; } #main-content .your-account > header nav ul li { display: inline-block; margin: 0; padding: 0; border-right: 1px solid #e2e2e2; padding: 0px 10px; } #main-content .your-account > header nav ul li.purchased a { background:url("images/purchased-items.png") no-repeat left 0; padding-left: 23px; } #main-content .your-account > header nav ul li.purchased a:hover { background: url("images/purchased-items.png") no-repeat left -42px; padding-left: 23px; } #main-content .your-account > header nav ul li.personal a { background:url("images/personal-details-normal.png") no-repeat left center; padding-left: 23px; } #main-content .your-account > header nav ul li.personal a:hover { background:url("images/personal-details-hover.png") no-repeat left center; padding-left: 23px; } #main-content .your-account > header nav ul li.account a { background:url("images/account-settings.png") no-repeat left 0; padding-left: 23px; } #main-content .your-account > header nav ul li.account a:hover { background:url("images/account-settings.png") no-repeat left -42px; padding-left: 23px; } #main-content .your-account > header nav ul li.invoices a { padding-left: 23px; background: url("images/documentation.png") no-repeat left 0; } #main-content .your-account > header nav ul li.invoices a:hover { color: #8dc153; background: url("images/documentation.png") no-repeat left -43px; } #main-content .your-account > header nav ul li.subscriptions a { padding-left: 23px; background: url("images/subscriptions-icon.png") no-repeat left 3px } #main-content .your-account > header nav ul li.subscriptions a:hover { color: #8dc153; background: url("images/subscriptions-icon.png") no-repeat left -45px; } #main-content .your-account > header nav ul li.video-tutorials a:hover { background: url("images/film-strip.png") no-repeat left -45px; } #main-content .your-account > header nav ul li.video-tutorials a { padding-left: 23px; background: url("images/film-strip.png") no-repeat left 0; } #main-content .your-account > header nav ul li:last-of-type { border-right: none; } #main-content .your-account > header nav ul li a { color:#9b9b9b; text-decoration: none; font-weight: bold; display: block;} #main-content .your-account > header nav ul li:hover a { color:#8dc153; } #main-content .your-account .page { margin-top: 20px; } /* Theme Page Design */ #wrapper.theme-page #middle-content { height: 770px; } #wrapper.theme-page #mc-inner-wrapper { padding-top: 75px; } /* Theme Actions Styles */ #wrapper.theme-page #main-content .theme-actions { display: table; margin: 0 auto; padding-top: 25px;} #wrapper.theme-page #main-content .theme-actions button, #wrapper.theme-page #main-content .theme-version section button { margin: 0; margin-right: 10px; border: none; } #wrapper.theme-page #main-content .theme-actions button:hover { opacity: 0.9; } #wrapper.theme-page #main-content .theme-actions button a, #wrapper.theme-page #main-content .theme-version section button a { text-decoration: none; text-transform: uppercase; color: #fff; text-shadow: none; font-family: "Lato"; font-weight: bold;font-size: 1.40em;padding: 10px; } #wrapper.theme-page #main-content .theme-actions button:last-of-type { margin-right: 0; } #wrapper.theme-page #main-content .theme-actions button.buy-now, #wrapper.theme-page #main-content .theme-version section .buy-now { background:#ff7f66; box-shadow: 0px 3px 0px #da6f5a; } #wrapper.theme-page #main-content .theme-actions button.live-preview { background:#a0d468; box-shadow: 0px 3px 0px #8dc153; } #wrapper.theme-page #main-content .theme-actions button.free-download, #wrapper.theme-page #main-content .theme-version section .free-download { background:#4abce7; box-shadow: 0px 3px 0px #3ba1c7; } /* Theme Page Design - Theme Versions */ #wrapper.theme-page #main-content .theme-versions-wrapper { display: table; margin: 0px auto; } #wrapper.theme-page #main-content .theme-version { width: 260px; float:left; background:#fff; text-align: center; border-radius: 5px; box-shadow: 0px 2px 2px rgba(0,0,0,0.1); margin-right: 20px; border: 1px solid #F1F1F1; margin-bottom: 30px;} #wrapper.theme-page #main-content .theme-version header { background: #ffffff; /* Old browsers */ /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #ffffff 0%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */background: -webkit-gradient(linear, left top, left bottom, from(#ffffff),to(#f5f5f5));background: linear-gradient(to bottom, #ffffff 0%,#f5f5f5 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */ padding: 25px 0px; border-bottom: 1px solid #dadada; box-shadow: inset 0px -1px 0px #fff; } #wrapper.theme-page #main-content .theme-version header h3 { font-family: "Montserrat"; text-transform: uppercase; font-size: 23px; letter-spacing: -1px; font-weight: bold; color:#3f3f3f; text-shadow: 0px 1px 0px #fff; margin: 0; line-height: 1;} #wrapper.theme-page #main-content .theme-version header h5 { font-family: "Droid Serif"; font-style: italic; margin: 0; line-height: 1; font-size: 13px; font-style: italic; } #wrapper.theme-page #main-content .theme-version:last-of-type { margin-right: 0; } #wrapper.theme-page #main-content .theme-version section { } #wrapper.theme-page #main-content .theme-version section ul li { border-bottom: 1px solid #f0f0f0; padding: 0; line-height: 1; margin:0; padding: 10px 0px; text-align: left; color:#737373; background:url("images/pt-icon-normal.png") no-repeat left 20px center; padding-left: 45px; } #wrapper.theme-page #main-content .theme-version section ul li.green { font-weight: bold; color:#8dc153; background:url("images/pt-icon-highlight.png") no-repeat left 20px center; } #wrapper.theme-page #main-content .theme-version section ul li.disabled { color:#d1d1d1; } #wrapper.theme-page #main-content .theme-version section button a { font-size: 1em; } #wrapper.theme-page #main-content .theme-version section button { margin-bottom: 27px; } /* ANIMATIONS ======================================================= */ /* Wind Rotation Webkit Animation */ @-webkit-keyframes rotating { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @-webkit-keyframes levitate{ 0% { -webkit-transform: translateY(-25px); } 50% { -webkit-transform: translateY(0px); } 100% { -webkit-transform: translateY(-25px); } } /* Wind Rotation */ .rotating-fast { -webkit-animation: rotating 15s linear infinite; -moz-animation: rotating 15s linear infinite;} .rotating-slow { -webkit-animation: rotating 8s linear infinite; -moz-animation: rotating 8s linear infinite; } .empty-cart-message { width: 240px; margin-left: auto; margin-right: auto; font-size:26px; font-weight:bold; margin-top:30px; } .empty-cart-button { width: 220px; text-align: center; background: #ff7f66; box-shadow: 0px 3px 0px #c76855; text-transform: uppercase; border: none; color: #fff; text-shadow: none; font-family: "Lato"; font-weight: bold; font-size: 1.214em; padding: 10px 25px; display: block; margin: 20px auto 20px auto; text-decoration:none; border-left: 1px solid #aaa; border-radius: 3px;} .empty-cart-button:hover { opacity: 0.8;color:#fff; } /* #Contact page ================================================== */ .ufo-form input[type="text"], .ufo-form input[type="email"], .ufo-form textarea{ background: #f9f9f9; box-shadow: inset 0px 1px 3px rgba(0,0,0,0.15); padding: 8px 5px; border: 1px solid #e1e1e1; } .ufo-form input[type="text"]:focus, .ufo-form input[type="email"]:focus, .ufo-form textarea:focus{ border: 1px solid #ddd; background:#fff; box-shadow: inset 0px 1px 3px rgba(0,0,0,0.15); } .ufo-form input[type="text"]:hover, .ufo-form input[type="email"]:hover, .ufo-form textarea:hover { opacity: 0.9; } .ufo-form span{ color: #919191; font-family: HelveticaNeue, "Helvetica Neue", "Lato", Arial, sans-serif; margin-bottom: 5px; } .ufo-form button{ background: #a0d468 !important; box-shadow: 0px 3px 0px #8dc153 !important; border: none !important; text-transform: uppercase; color: #fff !important; text-shadow: none; font-family: "Lato"; font-weight: bold; padding: 10px 25px; display: block; } .ufo-form button:hover{ opacity: .9; } .recaptcha_theme_red #recaptcha_response_field { display: inline; } .checkout-lock-icon { padding-right: 5px; } /* #Media Queries - Responsive Features ================================================== */ /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { #main-header #main-menu ul li a { color: #7F7F7F;font-family: HelveticaNeue,"Helvetica Neue",Helvetica,"Lato",Arial,sans-serif;font-size: 14px;font-weight: bold;line-height: 2.3;margin: 0 5px;text-decoration: none; } #content.download-page .plugin-presentation { width: 100% !important; } #content.download-page .plugin-presentation:before, #content.download-page .plugin-presentation:after { content: " "; display:table; } #content.download-page .plugin-presentation:after { clear:both; } #content.download-page .plugin-presentation .preview { margin: 0 auto !important; width: 600px !important; float: none !important; border: 1px solid #cfcfcf !important; border-radius: 5px !important; } #content.download-page .plugin-presentation .action-panel { margin: 0 auto !important; float: none !important; margin-top: 20px !important; } .edd_purchase_submit_wrapper { padding-bottom: 1px !important; margin-bottom: -20px !important; } #content.download-page .theme-features .small-features { width: 100% !important; float: none !important; } #content.download-page .features-panel { float: none !important; width: 100% !important; } #content.download-page .theme-features .small-features:before, #content.download-page .theme-features .small-features:after { content: " "; display:table; } #content.download-page .theme-features .small-features:after { clear:both; } /* Misc */ .shadow-sep { width: 100% !important; } .pre-order-button { margin-top: -10px !important; } #middle-content .middle-title h2 { font-size: 16px !important; } #main-content .theme-features .feature { width: 48% !important; margin-right: 2% !important; } #main-content .theme-features .feature:nth-child(even) { margin-right: 0 !important; } /* Theme Screenshots */ #main-content .theme-screenshots a { display: block; width: 226px; height: 164px; float: left; margin-right: 30px; margin-bottom: 30px; } #main-content .theme-screenshots a:hover { opacity: 0.8 !important; } #main-content .theme-screenshots a .overlay { display: none !important; } #main-content .theme-screenshots img { width: 100% !important; height: 100% !important; } /* Theme Features */ #main-content .theme-big-features .feature-image { width: 45% !important; margin-right: 5% !important; } #main-content .theme-big-features .feature-image img { width: 100%; } #main-content .theme-big-features .description { width: 50% !important; } section#preorder-form .pf-heading h2 { font-size: 27px !important; } /* Beach Elements */ #content #middle-content .girl-mascot { left: -80px; } #content #middle-content .palm-clickable { right: -170px; } #content #middle-content .wind1 { left: -138.686279296875px; top: 366.77197265625px; } #content #middle-content .wind2 { left: 762.317px !important; top: 587.233px !important; } #content #middle-content .wind3 { left: 436.533px !important; top: 600.967px !important; } #content #middle-content .wind4 { left: 559.667px !important; top: 156.283px !important;} #content #middle-content .wind5 { left: 17.1279296875px; top: 452.25177001953125px; } #content #middle-content .wind6 { left: 108.933px !important; top: 150.967px !important; } #content #middle-content .wind-big1 { left: -248px; top: 534px; } #content #middle-content .wind-big2 { left: 316px !important; top: 248px !important; } .beach-elem.wind2, .beach-elem.wind3, .beach-elem.pirate, .beach-elem.wind5 { display: none; } .beach-elem.wind1 { left: 680px !important; top: 377px !important; } .beach-elem.palm4 { left: 548px !important; top: 153px !important; } /* About Us Page */ #mc-inner-wrapper .beach-elem.about-us-mascots { left: 50% !important; margin-left: -300px !important; } #mc-inner-wrapper .beach-elem.au-floating-diamond { left: 50% !important; margin-left: -110px !important; } /* Pricing Tables */ #middle-content .pricing-tables { float: none !important; margin: 0 auto !important; } /* Thank you page */ #main-content .order-wrapper .o-sidebar .o-sidebar-widget header h2 { line-height: 1.2 !important; margin: 5px !important;} .ty-wrapper .help .help-tip { width: 400px !important; } .ty-wrapper .share-page .share-preview { width: 19% !important; } .ty-wrapper .share-page .share-details { width: 66% !important; } .separator { width: 100% !important; } .ty-wrapper .advertisment { margin: 0 auto !important; float: none !important; } .ty-wrapper .testimonials { width: 100% !important; border-top: 1px solid #ddd; margin-top: 35px; padding-top: 25px; } /* Themes Collection */ #main-content .themes-list .theme2 { width: 366px;} #main-content .themes-list .theme2 .themes-buttons .theme-button-buy {left: 280px; top:-105px;} #main-content .themes-list .theme2 .themes-buttons {margin-top:50%;} .themes-list .theme.last { margin: 0; } .themes-list .theme { width: 48% !important; float: left; margin-right: 0 !important; } .themes-list .theme:nth-child(even) { margin-right: 4% !important; } .themes-list .theme:nth-child(1) { margin-right: 4% !important; } .themes-list .theme:nth-child(2) { margin-right: 0 !important; } .themes-list .theme:nth-child(3) { margin-right: 4% !important; } .themes-list .theme:nth-child(4) { margin-right: 0 !important; } .themes-list .theme:nth-child(5) { margin-right: 4% !important; } .themes-list .theme:nth-child(6) { margin-right: 0 !important; } #main-content .themes-list .theme2 .theme-pic { height: 404px; } .jft-theme-container { width: 235px; } .jft-theme-pic { height: 175px; } .theme-filter fieldset { margin: 0 !important; } .theme-filter fieldset input { width: 100% !important; } #main-content .login-register .register-form header h2 { background: none; padding: 0; } #main-content .themes-list .theme .themes-buttons .theme-button-buy { position:absolute; background: #8dc153; border-radius: 100px; border: 2px solid #fff; width: 65px; height: 65px; left:270px; z-index:100; top:-80px; } #wrapper.about-us .team-members ul li { width: 128px; height: 128px; } .ty-wrapper .order-info .bonus-info .free-shirt, .ty-wrapper .order-info .bonus-info .account-upgrade { height: 110px;} #edd_profile_editor_form p{ width: 100%; float: left; } input.accounts, select.accounts { width: 300px !important; } /* Affiliates Page */ .affiliates-page .affiliate-intro { width: 100% !important; } .affiliates-page .affiliate-benefits { margin: 0 auto !important; } .affiliates-page .affiliate-intro:after, .affiliates-page .affiliate-intro:before { content: " " !important; display:table !important; } .affiliates-page .affiliate-intro:after { clear: both !important; } .affiliates-page .affiliate-intro { zoom: 1 !important; } .affiliate-benefits { float:none !important; margin: 0 auto !important; } .affiliates-page .affiliate-intro { float: none !important; margin-bottom: 20px !important; } #affwp-register-form, #affwp-login-form { float: none !important; width: 100% !important; } #affwp-login-form { margin-top: 40px !important; padding-bottom: 20px !important; } #affwp-login-form fieldset { margin-bottom: 0 !important; } #affwp-register-form input[type="submit"], #affwp-login-form input[type="submit"] { width: 100% !important; } #affwp-login-form .affwp-lost-password { text-align: center !important; width: 100%; margin-top: 20px; } #main-content .your-account .page .inner-wrapper header h3 {font-size: 30px;} #main-content .your-account .page .inner-wrapper .purchases-table td {display:block;} #main-content .your-account .page .inner-wrapper .offer-plans .purchase-plan-left, #main-content .your-account .page .inner-wrapper .offer-plans .purchase-plan-right, #main-content .your-account .page .inner-wrapper .offer-plans .purchase-plan-left, #main-content .your-account .page .inner-wrapper .offer-plans .purchase-plan-left { width:451px; display:block; min-height: 208px; margin:0 auto; margin-bottom: 20px;} #main-content .your-account .page .inner-wrapper .purchases-theme-name, #main-content .your-account .page .inner-wrapper .purchases-changelog { text-align: center; margin:0; } #main-content .your-account .page .inner-wrapper .purchases-table td {min-height:50px;} #main-content .your-account .page .inner-wrapper .purchases-theme-name { max-width: none; } } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { /* Misc */ .sep-info h3 { line-height: 1 !important; margin-top: 20px !important;} .shadow-sep { width: 100% !important; } /* Hidden Elements */ #content #middle-content .wind, #main-menu, #main-header a.join-button { display: none !important; } /* Header */ #main-header { box-shadow: 0px 2px 3px rgba(0,0,0,0.1);} #content.download-page .plugin-presentation .preview { width: 100% !important; border: 1px solid #cfcfcf !important; border-radius: 5px !important; } .plugin-presentation .action-panel, #content.download-page .theme-features .small-features, #content.download-page .features-panel { width: 100% !important; } /* Logo */ #main-header .logo { float: none !important; margin: -5px auto !important; } #middle-content .download-preview { display:block !important; width: 100% !important; } #content.download-page .pricing-tables .table { width: 100% !important; float: none !important; margin-bottom: 20px !important; } #content.download-page .pricing-tables footer .price { margin-bottom: 20px !important; } /* Middle Content Titles */ #middle-content .middle-title h1 { font-size: 27px !important; margin-top: -30px !important; line-height: 1; margin-bottom: 10px !important; } #middle-content .middle-title h2 { font-size: 14px !important; line-height: 1; margin-top: 5px !important; } /* Main Slider */ #middle-content #main-slider { width: 100% !important; margin-top: 40px !important; } #middle-content #main-slider .slider-nav { display: none !important} #middle-content #main-slider .slide { width: 410px !important; position: relative !important; } #middle-content #main-slider { width: 100% !important; overflow: hidden;} #middle-content #main-slider .slider-pager { display: none;} /* Theme Features */ #main-content .theme-features .feature { width: 100% !important; margin-right: 0% !important; } /* Theme Screenshots */ #main-content .theme-screenshots a { display: block !important; width: 250px !important; height: 250px important; margin-right: 0 !important; margin-top: 50px !important; margin: 0 auto !important; margin-bottom: 20px !important; float: none;} #main-content .theme-screenshots a img { width: 100% !important; height: 100% !important; } #main-content .theme-screenshots a:hover { opacity: 0.8 !important; } #main-content .theme-screenshots a .overlay { display: none !important; } #main-content .theme-screenshots a:last-of-type, #main-content .theme-screenshots a:last-of-type img { margin-right: auto !important; } /* Theme Features */ #main-content .theme-big-features .feature-image { width: 100% !important; margin-right: 0 !important; } #main-content .theme-big-features .feature-image img { width: 100%; } #main-content .theme-big-features .description { width: 100% !important; } /* Trust Badges & Preorder Form */ section#preorder-form .trust-badges { width: 100% !important; } section#preorder-form .pf-heading h2 { line-height: 1 !important; } section#preorder-form .pf-heading h3 { line-height: 1 !important; margin-top: 10px !important;} section#preorder-form form { width: 100% !important; } section#preorder-form form fieldset { min-width: 100% !important; } /* Footer */ footer#main-footer .ti-descr, footer#main-footer .footer-widget { width: 100% !important; margin-right: 0 !important; text-align: center; margin-bottom: 20px !important; } footer#main-footer .ti-logo { padding: 0 !important; margin: 0 auto !important; margin-bottom: 20px !important; } footer#main-footer .footer-widget:last-of-type { margin-right: 0 !important; } /* Responsive Menu */ #responsive-menu { display:block; } /* Meta Blocks */ .our-features .feat, .ti-meta .meta-block { width: 100% !important; } .ti-meta .latest-blog-posts { border-bottom: 1px solid #e7e7e7; padding-bottom: 15px; margin-bottom: 10px; } .big-cta h1, .big-cta h3 { line-height: 1 !important;} /* About Us Page */ #mc-inner-wrapper .beach-elem.about-us-mascots { left: 50% !important; margin-left: -300px !important; } #mc-inner-wrapper .beach-elem.au-floating-diamond { left: 50% !important; margin-left: -110px !important; } .about-us-boxes { width: 100% !important; } #wrapper.about-us .team-members ul li { width: 50%; margin-bottom: 0 !important; height: 210px;} #wrapper.about-us .team-members { margin-bottom: 20px; } #main-content .why-join .one-half { width: 100%; text-align: center; } #main-content .why-join .one-half a { float: none; display: block; width: 60%; margin: 0 auto; } #main-content .why-join .one-half a img {width: 100%; height: auto; } #main-content .why-join .one-half:nth-child(even) { float: none; } #main-content .why-join .two-halves {margin: 30px 0px;padding-bottom: 30px;border-bottom: 1px solid #ddd; } #main-content .why-join .two-halves:last-of-type{ border-bottom: none; } .team-mascots .member, .our-story, .our-mission, .o-table, .o-sidebar { width: 100% !important; } .beach-elem.wind5, .beach-elem.pirate { display: none; } #content #middle-content .girl-mascot { width: 500px; max-width: none; left: -140px; } #content #middle-content .wind6 { left: 68px; top: 325px; } #content #middle-content .palm-clickable { right: -190px; width: 80%; } #content #middle-content .palm-clickable img { width: 80%; } /* Pricing Tables */ #middle-content .pricing-tables { position: relative;width: 267px;z-index: 9999 !important;float: none;margin: 0 auto;} #content.pricing #middle-content {height: 1565px;} .page-template-page-pricing-php section#main-content { padding-top: 180px; } .faq-inner .question, .ty-wrapper .share-page .share-preview, .ty-wrapper .share-page .share-details, .ty-wrapper .share-page .share-link { width: 100% !important; } /* Thank you Page */ .ty-wrapper .order-info {padding-left: 0px; padding-top: 210px; background: url("images/chestbox_diamonds.png") no-repeat top center;min-height: 189px;margin-bottom: 20px;} .ty-wrapper .help button { width: 48%; margin-right: 4% !important; } .ty-wrapper .help button:last-of-type { margin-right: 0% !important; } .ty-wrapper .help .help-tip { width: 100%; text-align: center; margin-bottom: 30px; } .ty-wrapper .share-page .share-preview img { margin: 0 auto; display: block; margin-bottom: 10px; } .ty-wrapper .share-page .share-link button { margin-bottom: 0 !important; } .separator { width: 100% !important;} .ty-wrapper .advertisment { margin: 0 auto !important; float: none !important; } .ty-wrapper .testimonials { width: 100% !important; border-top: 1px solid #ddd; margin-top: 35px; padding-top: 25px; } /* Themes Collection */ .themes-list .theme.last { margin: 0; } .themes-list .theme { width: 100% !important; float: left; margin-right: 0 !important; margin-bottom: 28px !important; } .theme-filter fieldset { width: 100% !important; margin: 0 !important; } .theme-filter fieldset input, .theme-filter fieldset select { width: 100% !important; } .theme-filter .fieldset-categories {display: none;} #main-content .themes-list .theme .themes-buttons .theme-button-buy { position:absolute; background: #8dc153; border-radius: 100px; border: 2px solid #fff; width: 65px; height: 65px; left:300px; z-index:100; top:-100px; } #main-content .themes-list .theme .themes-buttons { position: relative; width: 263px; display: block; margin-left: auto; margin-right: auto; margin-top: 80px; } .fieldset-categories {max-width: 100% !important;} .why-join h2 {font-size: 35px;line-height: 40px;margin-bottom: 10px;color: #3f3f3f;font-family: HelveticaNeue, "Helvetica Neue", Helvetica, "Lato", Arial, sans-serif;font-weight: bold;} .why-join {font-family: HelveticaNeue, "Helvetica Neue", Helvetica, "Lato", Arial, sans-serif;color: #2a2a2a;font-size: 16px;line-height: 1.45;} /* Why Join */ .why-join .feature { width: 100% !important; padding-left: 0 !important; margin-bottom: 20px !important; } .why-join .feature p, .why-join .feature h1 { margin: 0 !important; text-align: center !important; width: 100% !important;} .why-join .feature { background-position: center top !important; } .why-join .feature:nth-child(even), .why-join .feature:nth-child(odd) { padding: 0 !important; padding-top: 130px !important; } #main-content .why-join .feature.money-back { background: url("images/features/money-back.png") no-repeat top center; } #main-content .why-join .feature.fast-install { background: url("images/features/fast-install.png") no-repeat top center; } #main-content .why-join .feature.pixel-perfect { background: url("images/features/pixel-perfect.png") no-repeat top center; } #main-content .why-join .feature.support { background: url("images/features/excellent-support.png") no-repeat top center; } #main-content .why-join .feature.theme-test { background: url("images/features/theme-test.png") no-repeat top center; } .footer-widget { margin-left: 0 !important; } #wrapper.theme-page #main-content .theme-version { width: 100% !important; margin: 0 !important; margin-bottom: 20px !important; } #wrapper.theme-page #main-content .theme-actions button { width: 100% !important; margin-bottom: 10px; } /* ThemeIsle - Login/Register */ #main-content .login-register .login-form, #main-content .login-register .register-form { width: 100%; } #main-content .login-register .register-form { border-right: none; border-bottom: 1px solid #e2e2e2; } #main-content .login-register .register-form header h2 { background: none; padding: 0; } .ty-wrapper .order-info .bonus-info .free-shirt, .ty-wrapper .order-info .bonus-info .account-upgrade { height: 155px;} .one-half { width: 100% !important;} label.accounts { width: 120px !important; } #main-content .your-account > header nav { float: left; margin-left: -12px; margin-top: 10px; } #main-slider { height: 220px; } #middle-content .download-actions {display:block !important; width: 100% !important; margin: 0 auto !important; } #middle-content .download-actions div a, #middle-content .download-actions div { width: 100% !important; display:block !important; } /* Affiliates Page */ .affiliates-page .affiliate-intro { width: 100% !important; } .affiliates-page .affiliate-benefits { margin: 0 auto !important; } .affiliates-page .affiliate-intro:after, .affiliates-page .affiliate-intro:before { content: " " !important; display:table !important; } .affiliates-page .affiliate-intro:after { clear: both !important; } .affiliates-page .affiliate-intro { zoom: 1 !important; } .affiliate-benefits { float:none !important; margin: 0 auto !important; } .affiliates-page .affiliate-intro { float: none !important; margin-bottom: 20px !important; } #affwp-register-form, #affwp-login-form { float: none !important; width: 100% !important; } #affwp-login-form { margin-top: 40px !important; padding-bottom: 20px !important; } #affwp-login-form fieldset { margin-bottom: 0 !important; } #affwp-register-form input[type="submit"], #affwp-login-form input[type="submit"] { width: 100% !important; } #affwp-login-form .affwp-lost-password { text-align: center !important; width: 100%; margin-top: 20px; } #main-content .your-account .page .inner-wrapper header h3 { clear:both; font-size: 25px;} #main-content .your-account .page .inner-wrapper header a {clear: both;} #main-content .your-account .page .inner-wrapper .purchases-table td {display:block;} #main-content .your-account .page .inner-wrapper .offer-plans .purchase-plan-left, #main-content .your-account .page .inner-wrapper .offer-plans .purchase-plan-right, #main-content .your-account .page .inner-wrapper .offer-plans .purchase-plan-left, #main-content .your-account .page .inner-wrapper .offer-plans .purchase-plan-left { width:auto; display:block; min-height: 208px; margin:0 auto; margin-bottom: 20px;} #main-content .your-account .page .inner-wrapper .purchases-theme-name, #main-content .your-account .page .inner-wrapper .purchases-changelog {text-align: center; margin:0;} #main-content .your-account .page .inner-wrapper .purchases-table td {min-height:50px;} #main-content .your-account .page .inner-wrapper .purchases-theme-name { max-width: none; } .single-download > div.modal-wrapper .modal { margin-top: 50px; } .page-template-template-themes_collection .themes-collection .get-all-banner { display:none; } .single-download .side-nav { display:none; } .single-download #content .section-header h2.zf-header-sutitle { display:none; } .single-download .zf-features .zf-feature-woocommerce-wrap { background-size:cover; } .single-download .zf-testimonials .zf-section-title-wrap { margin-bottom: 0; } .single-download .zf-buy-zerif .zf-section-title-wrap { margin-bottom: 30px; } .single-download .zf-buy-zerif .zf-section-title-wrap img { display:none; } .single-download .zf-header-title { font-size: 42px !important; line-height: 42px !important; padding-bottom: 15px; } .single-download .zf-header-title span { display: none; } .single-download .zf-header-under-subtitle { font-size: 16px !important; line-height: 24px !important; } .single-download .zf-ribbon-button { padding-top: 0; } .single-download .zf-ribbon .zf-button { display: inline-block; } .single-download .zf-main-features .zf-main-features-wrap { padding-bottom: 30px; } } @media only screen and (max-width: 480px){ h5.old-lp-money-back { letter-spacing: normal; } #main-content .themes-list .theme2 { width: 300px;} #main-content .themes-list .theme2 .themes-buttons .theme-button-buy {left: 240px; top:-87px;} #main-content .themes-list .theme2 .themes-buttons {margin-top:66px;} #middle-content .download-actions {display:block !important; width: 100% !important; margin: 0 auto !important; } #middle-content .download-actions div a, #middle-content .download-actions div, #middle-content .download-actions div a button { width: 100% !important; } footer .widgetbig{ margin-left: 0 !important; } #main-content .themes-list .theme2 .theme-pic { height: 331px; } #main-content .our-features .feat { padding-left: 0; padding-top: 130px; background-position: top center !important; } #wrapper.about-us .team-members ul li img { margin-bottom: -4px; } #wrapper.about-us .team-members ul li { height: auto; } .single-download .one-half{ width: 100%; } #main-content .testimonials .testimonial { padding: 40px 5px; } .ty-wrapper .order-info .bonus-info .free-shirt { border-radius: 5px 5px 0 0; border-bottom: 0; border-right: 1px solid #ddd; width: 100%; height: auto; } .ty-wrapper .order-info .bonus-info .account-upgrade { border-radius: 0px 0px 5px 5px; background: url("images/upgrade_bonus.png") no-repeat left -65px center; width: 100%; height: auto !important; } .ty-wrapper .social-share nav ul li a { padding: 10px 19px; } label.accounts { width: auto !important; margin-left: 4% !important;} input.accounts, select.accounts { width: 90% !important; margin-left: 5% !important;} #main-content .your-account > header nav ul li { padding: 0px 6px 0 3px; } #main-content .your-account > header span.hello { margin-left: 8px; margin-bottom: 10px; } /* Affiliates Page */ .affiliates-page .affiliate-intro { width: 100% !important; } .affiliates-page .affiliate-benefits { margin: 0 auto !important; } .affiliates-page .affiliate-intro:after, .affiliates-page .affiliate-intro:before { content: " " !important; display:table !important; } .affiliates-page .affiliate-intro:after { clear: both !important; } .affiliates-page .affiliate-intro { zoom: 1 !important; } .affiliate-benefits { float:none !important; margin: 0 auto !important; } .affiliates-page .affiliate-intro { float: none !important; margin-bottom: 20px !important; } #affwp-register-form, #affwp-login-form { float: none !important; width: 100% !important; } #affwp-login-form { margin-top: 40px !important; padding-bottom: 20px !important; } #affwp-login-form fieldset { margin-bottom: 0 !important; } #affwp-register-form input[type="submit"], #affwp-login-form input[type="submit"] { width: 100% !important; } #affwp-login-form .affwp-lost-password { text-align: center !important; width: 100%; margin-top: 20px; } /* Purchase history */ #main-content .your-account .page .inner-wrapper header h3 { clear:both; font-size: 20px;} #main-content .your-account .page .inner-wrapper header a {clear: both;} #main-content .your-account .page .inner-wrapper .offer-plans .purchase-plan-left, #main-content .your-account .page .inner-wrapper .offer-plans .purchase-plan-right, #main-content .your-account .page .inner-wrapper .offer-plans .purchase-plan-left, #main-content .your-account .page .inner-wrapper .offer-plans .purchase-plan-left { width:auto; display:block; min-height: 208px; margin:0 auto; margin-bottom: 20px;} #main-content .your-account .page .inner-wrapper .purchases-theme-name, #main-content .your-account .page .inner-wrapper .purchases-changelog {text-align: center; margin:0;} #main-content .your-account .page .inner-wrapper .purchases-table td {min-height:50px;} #main-content .your-account .page .inner-wrapper .purchases-table .licenses-list { font-size: 12px; display: block; line-height: 16px; max-height: 100%;} #main-content .your-account .page .inner-wrapper .purchases-table td ul li p {margin:5px 0;} #main-content .your-account .page .inner-wrapper .purchases-table .licenses-list li h5 { display:block; width:100%; border-left:none; padding:0; margin:0; float:none; margin-bottom: 5px; padding-top: 5px; border-top: 1px solid #cccccc; } /* Manage sites modal */ #main-content .account-panes > .modal-wrapper .manage-sites-modal { width: 320px; overflow-y: scroll; } #main-content .account-panes > .modal-wrapper .modal-content .manage-sites-list li h6 { font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 185px;} #main-content .account-panes > .modal-wrapper .modal-content .manage-sites-list li ul li .site-address { font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 245px;} #main-content .account-panes > .modal-wrapper .modal-content .manage-sites-list>li { margin-top: 10px; } #main-content .account-panes > .modal-wrapper .modal-content .manage-sites-list li ul { padding-top: 5px; } #main-content .account-panes > .modal-wrapper .modal-content .manage-sites-list li ul li { margin: 5px 0;} .purchases-search-input { max-width: 160px; } } .one-half { width: 47%; float: left; } .about-us-boxes-right { float: left; padding-left: 140px; margin-bottom: 20px; min-height: 231px; } /* .edd_purchase_submit_wrapper { margin-left:auto; margin-right:auto; width: 100px; } */ h5.pt-price .edd_price {font-family: Arial;} .join-now-button { margin: 10px auto 0; border-radius: 4px; border: none !important; color: #fff !important; text-transform: uppercase; font-family: "Lato", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif !important; text-decoration: none; text-shadow: none !important; font-weight: 800 !important; font-size: 13px !important; padding: 7px 15px !important; } .join-now-button-pink { background: #ff7f65 !important; box-shadow: 0px 3px 0px #da6f5a !important; } .join-now-button-green { background: #a0d468 !important; box-shadow: 0px 3px 0px #8dc153 !important; } .thank-you-table,.thank-you-table td,.thank-you-table th { border: 1px solid #dadada; padding: 10px; } .thank-you-table th { background:#f3f3f3; } .am-page .user-info fieldset { width: 48% !important; float:left !important; margin-right: 4% !important; border: none !important; } .am-page .user-info fieldset.last { margin-right: 0 !important; } .am-page .user-info fieldset input { width: 100% !important; margin: 0 auto !important; margin-top: 10px !important; border-radius: 0px !important; padding: 10px 5px !important; } .edd-submit { background:#a0d468 !important; box-shadow: 0px 3px 0px #8dc153 !important; border: none !important; text-transform: uppercase; text-shadow: none !important; color:#fff !important; } .edd-submit:hover { opacity: 0.9 !important; cursor: pointer !important; } #edd-discount { margin-top: 10px; padding: 10px 5px !Important; width:48% !Important; } #edd_checkout_form_wrap span.edd-description { font-size: 15px; color: #c6c6c6; font-weight: bold; } .wrapper-discount { border: 1px solid #eee; padding: 1.387em; margin: 0 0 21px; } /* taxonomy page */ .blog-post h2 a{ text-decoration:none; color: #3f3f3f; font-size: 35px; font-weight: bold; letter-spacing: -2px; } .blog-post { width: 95%; min-height: 100px; margin-bottom: 25px; padding-bottom: 15px; overflow: hidden; position: relative; } .isle_edd_form { border: 1px solid #e2e2e2 } /* account page */ .account-label { text-align:right; } .accounts { float:left; padding: 10px 5px !important; width: 200px !important; } #edd_profile_editor_form h3, #edd_login_form h3, #edd_register_form h3 { clear:both; font-size:15px; padding-left: 18px; margin: 15px; font-weight: bold; color: #474747; background:#f9f9f9; border: 1px solid #e2e2e2; } .account-notice { clear:both; margin-left:100px; } #edd_register_form p{ width: 210px; margin-left: auto; margin-right: auto; } .login-register .login-form { margin-top:30px; } .category-button { border: 1px solid #e1e1e1; border-radius: 2px; padding: 8px; color: #777; text-decoration:none !important; margin-right: 10px !important; margin-bottom: 10px !important; font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; } .fieldset-categories { max-width:75%; } .single-download .edd-add-to-cart { line-height: initial; } .single-download .one-half { width:50%; } .single-download .one-half img { display:block; margin:0px auto; max-width: 100%; height: auto; } .single-download .two-halves {margin: 60px 0px;} /* theme collection page */ .get-all-banner { margin:30px 0px; } .get-all-banner .edd-submit{ width: 230px; height: 80px; font-size: 30px !important; padding-top: 22px; } .get-all-banner h1 { font-family: HelveticaNeue, "Helvetica Neue", Helvetica, "Lato", Arial, sans-serif; color: #3f3f3f; font-weight: bold; font-size: 30px; margin: 0; line-height:30px!important; } .get-all-banner .gab-inner { padding-top: 10px; padding-bottom: 25px; } .get-all-banner h1 p { margin: 0; } .get-all-banner h1 span{ color: #ff7f66; } .get-all-banner h3 { font-family: "Droid Serif"; font-size: 15px; color: #7f7f7f; font-style: italic; line-height:23px; } .get-all-banner-text { max-width: 706px; } .get-all-banner-button { } .get-all-banner-button a{ width:230px; height:80px; font-size:30px; padding-top:22px; } /*.get-all-banner-button a.edd-add-to-cart { display:block !important; }*/ .sol-clearfix { clear:both; } .mr0 { /* margin-right:0px !important; */ } #edd_checkout_form_wrap .edd-payment-icons { height: 32px; display: block; margin: 0 0 22px; } #edd_purchase_submit { margin: 0px !important; } /* theme documentation page */ #main-content .documentation-page h4 { font-family: HelveticaNeue, "Helvetica Neue", Helvetica, "Lato", Arial, sans-serif; font-size: 21px; font-weight: bold; line-height: 1; padding-top:40px; padding-bottom:10px; color:#2a2a2a;} #main-content .documentation-page h4:hover {color:#ff7f66;} #main-content .documentation-page h4#top {padding-top:0px;} #main-content .documentation-page a:hover {color:#000; text-decoration:underline;} #main-content .documentation-page .doc-content { color: #3f3f3f; font-size: 14px; padding-bottom:40px; } #main-content .documentation-page #backtotop { cursor : pointer; display : none; margin : 0px 0px 0px 370px; position : fixed; bottom : 10px; font-size : 90%; padding : 10px; width : 100px; text-align : center; background-color : #000; border-radius : 8px; -webkit-border-radius : 8px; -moz-border-radius : 8px; filter : alpha(opacity=60); -khtml-opacity : 0.6; -moz-opacity : 0.6; opacity : 0.6; color : #FFF; font-size : 14px; z-index : 1000; } #main-content .documentation-page #backtotop:hover { filter : alpha(opacity=90); -khtml-opacity : 0.9; -moz-opacity : 0.9; opacity : 0.9; } .edd_cart_item_image { float:left; } a{ color: #ff7f66; font-weight: bold; font-size: 16px; } .widgetbig{ width:293px!important; margin-left:130px!important; } .helper { display: inline-block; height: 100%; vertical-align: middle; } #edd-purchase-button { width: 180px; height: 40px; font-weight: bold; } .get-allthemes-bigtitle { font-size:35px !important; } .docs a{ text-decoration:none;color:white; } .cat-selected { border:1px solid #000; } .ty-wrapper > p { display: none;} #edd_checkout_wrap > p > br { display: none;} .lb-container img{ max-width: none !important; } /* Temporary fix */ .edd_invoice { display:none; } .item-action .support { display:none; } /* .docs a, .forum a { color:grey!important; } */ .edd-cancel { display:none!important; } .help .docs a,.help .forum a { color: white!important; } .documentation { } #edd_mailchimp { display:none; } #main-content input[type="submit"].join-now-button-pink.edd-submit { } /* Forum Styles & Fixes */ #bbp_topic_submit, #bbp_reply_submit { color: #fff !important; background: #a0d468 !important; text-decoration: none; border-radius: 3px; font-size: 11px; font-weight: bold !important; text-transform: uppercase; float: right; padding: 5px 10px !important; border: none; text-shadow: none; height: 30px; display: block; box-shadow: 0px 3px 0px #8dc153 !important; line-height: 23px; } .bbp-submit-wrapper #bbp_topic_submit:hover { background: #8dc153 !important; } #subscription-toggle .subscription-toggle { float: right; } #bbp_search { margin-right: 10px; padding: 8px 4px;} #bbpress-forums #bbp-search-form #bbp_search { display: block; width: auto; float: left; } #bbp_topic_title { width: 100%; } #bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content { border: 1px solid #dedede; border-top: none; padding: 6px 4px; color: #777; } #bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content:focus { border: 1px solid #aaa; color: #444; box-shadow: 0 0 3px rgba(0,0,0,.2); } #bbpress-forums { background: #fff; } #bbpress-forums p.bbp-topic-meta img.avatar, #bbpress-forums ul.bbp-reply-revision-log img.avatar, #bbpress-forums ul.bbp-topic-revision-log img.avatar, #bbpress-forums div.bbp-template-notice img.avatar, #bbpress-forums .widget_display_topics img.avatar, #bbpress-forums .widget_display_replies img.avatar { margin-bottom: -4px !important; } #affwp-register-form, #affwp-login-form { float:left; width:47%; } #affwp-register-form .button, #affwp-login-form .button{ float:left; } .affwp-user-remember { display:none; } .affwp-lost-password { margin-left:70px;} #affwp-register-form label , #affwp-login-form label { width:180px; } div.bbp-breadcrumb, div.bbp-topic-tags { font-size: 16px;} /* Hide forum */ .bbpress.single-topic fieldset.bbp-form { display: none; } .bbpress.single-forum .support-tip-box ~ div, .bbpress.single-forum .support-tip-box ~ p, .support-tip-box ~ h1 { display: none; } /* Contact Us & Redeem T-Shirt Pages */ .contact-us { margin-bottom: 30px; } .contact-us #ct-head, .redeem-tshirt #rt-head { text-align: center; padding-bottom: 30px; } .contact-us h1,.redeem-tshirt h1 { font-family: "Droid Serif", serif; font-weight: bold; margin: 0; font-size: 35px; color:#2f2f2f; } .contact-us h2, .redeem-tshirt h2 { margin: 0; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 23px; color: #484848; line-height: 1; } .contact-us section.contact-form, .contact-us section.member-resources { float: left; width: 48%; margin-right: 4%; background: url("images/contact-script-icon-bg.png") no-repeat bottom right -105px; border: 1px solid #e2e2e2; box-shadow: 0px 1px 3px rgba(0,0,0,0.07); border-radius: 5px; padding: 40px 30px; } .contact-us section.member-resources { margin-right: 0; background:url("images/contact-help-icon-bg.png") no-repeat right -50px bottom; } .contact-us section.member-resources { } .contact-us section.contact-form h2, .contact-us section.member-resources h2 { font-family: "Droid Serif", sans-serif; font-weight: bold; color:#2f2f2f; } .contact-us section.contact-form p, .contact-us section.member-resources p { color:#484848; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; margin-top: 10px; margin-bottom: 10px;} .contact-us section.contact-form .ufo-form .half { width: 48%; float:left; } .contact-us section.contact-form .ufo-form div.ufo-customform-row { padding: 0 !important; } .contact-us section.contact-form .ufo-form div.ufo-form span.ufo-cell-center { display: block !important; } .contact-us section.contact-form .ufo-form fieldset, .contact-us section.contact-form .ufo-form fieldset div { margin-bottom: 0 !important; margin-top: 0 !important; float:left; width:100%; } .contact-us section.contact-form .ufo-form .half:nth-child(even) { margin-left: 4%; } .contact-us section.contact-form .ufo-form input[type="text"], .contact-us section.contact-form .ufo-form textarea { border: 1px solid #d7d7d7; border-radius: 0px; padding: 10px 10px; margin: 0; margin-bottom: 10px; } .contact-us section.contact-form .ufo-form textarea { min-height: 200px; max-height: 200px; float:left; width: 100% !important; } .contact-us section.contact-form .ufo-form input[type="submit"] {float: left; background:#a0d468; box-shadow: 0px 3px 0px #8dc153; border: none; text-transform: uppercase; text-shadow: none; color:#fff; margin: 0 auto; display:table; padding: 10px 25px; } .contact-us section.contact-form .ufo-form input[type="submit"]:hover { opacity: 0.9; } .contact-us section.member-resources .resource { border: 1px solid #e5e5e5; background:#fff; border-radius: 5px; margin-bottom: 10px; padding: 25px; } .contact-us section.member-resources .resource:last-of-type { margin-bottom: 0; } .contact-us section.member-resources .resource h3 { font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif; font-weight: bold; font-size: 16px; margin: 0; line-height: 1;} .contact-us section.member-resources .resource p { margin: 0; margin-top: 5px; line-height: 1; } .contact-us section.member-resources .resource a.button { background: #ff7f66;box-shadow: 0px 3px 0px #d76e5a;color: #fff;font-size: 13px; text-shadow: none; border: none;padding: 7px 20px;margin-top: 10px; margin-bottom: 0; font-weight: normal; } .contact-us section.member-resources .resource a.button:hover { opacity: 0.9; } .contact-us section.contact-form .ufo-form .ufo-cell-left,.contact-us section.contact-form .ufo-form .ufo-cell-center { width: 100%; } .redeem-tshirt h1 { font-family: "Droid Serif", serif; font-weight: bold; margin: 0; font-size: 35px; color:#2f2f2f; } .redeem-tshirt h2 { margin: 0; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 23px; color: #484848; line-height: 1; } .redeem-tshirt #rt-head { padding-top: 85px; background:url("images/redeem-icon.png") no-repeat top center; text-align: center; margin-bottom: 20px; } .redeem-tshirt .ufo-form fieldset { float: left; position: relative; } .redeem-tshirt .ufo-form input[type="text"], .redeem-tshirt .ufo-form select { width: 100%; padding:0; padding: 5px 10px; border-radius: 0; height: 40px; margin-bottom: 10px; font-size: 15px; line-height: 1;} .redeem-tshirt .ufo-form fieldset .req { position: absolute; top: 0; right: 0; color:red; font-size: 16px; font-weight: bold; color:#cd361e; } .redeem-tshirt .ufo-form fieldset label { font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif; font-weight: normal; color:#484848; font-size: 16px; margin-bottom: 10px; } .redeem-tshirt .tshirt-list { width: 800px; margin: 10px auto; margin-bottom: 30px;} .redeem-tshirt .tshirt-list .tshirt { display: inline-block; width: 30.66%; float:left; margin-right: 4%; border: 1px solid #dcdcdc; padding: 40px 0px; padding-bottom: 60px; border-radius: 5px; background:#f0f0f0; position: relative;} .redeem-tshirt .tshirt-list .tshirt.active { background:#fff; } .redeem-tshirt .tshirt-list .tshirt label img { margin: 0 auto; display: block; } .redeem-tshirt .tshirt-list .tshirt:last-child { margin-right: 0; } .redeem-tshirt .tshirt-list .tshirt label { display: block; } .redeem-tshirt .tshirt-list .tshirt label:hover { cursor: pointer; } .redeem-tshirt .tshirt-list .tshirt input[type="radio"] { display: none; } .redeem-tshirt .tshirt-list .tshirt .checkmark { position: absolute; bottom: 0; width: 100%; background: url("images/checked.png") no-repeat center center,#4bb542; height: 35px;} .redeem-tshirt .ufo-form { margin-bottom: 20px; } .redeem-tshirt .ufo-form .ufo-customfields-required-suffix { font-style: italic; color:#c6c6c6; position: absolute; right: 0; } .redeem-tshirt .ufo-form .ufo-customfields-required-suffix { color:#cd361e; font-weight: bold; } .redeem-tshirt .ufo-form .submit { float: right; background: url("images/checked.png") no-repeat left 10px center ,#a0d468; box-shadow: 0px 3px 0px #8dc153; border: none; color:#fff; padding-left: 30px; text-transform: uppercase; text-shadow: none; color:#fff;; font-size: 13px; padding-right: 15px; border: none; line-height: 1; } .redeem-tshirt .ufo-form .submit:hover { opacity: 0.; } .redeem-tshirt div.ufo-form span.ufo-cell-center { width: 100%; } .redeem-tshirt div.ufo-form span.ufo-cell-left { width: 100%; } .redeem-tshirt .ufo-form .submit { margin-bottom: 0; box-shadow: none; } .redeem-tshirt .join-now-button { background: #a0d468; box-shadow: 0px 3px 0px #8dc153; border: none; padding: 15px 25px; margin: 0 auto; display:block; margin-bottom: 30px; margin-top: 15px; } .redeem-tshirt .join-now-button a { text-decoration: none; color:#fff; text-transform: uppercase;text-shadow: none; } /* Redeem T-Shirt Gallery */ .redeem-tshirt .gallery { width: 85%; margin: 15px auto; } .redeem-tshirt .gallery .g-nav { margin-top: 7px;} .redeem-tshirt .gallery .g-nav li { width: 80px; height: 80px; float: left; margin-right: 8px; opacity: 0.8; } .redeem-tshirt .gallery .g-nav li.active, .redeem-tshirt .gallery .g-nav li:hover { opacity:1; cursor: pointer; } .redeem-tshirt .gallery .g-nav li img { width: 100%; border-radius: 5px;} .redeem-tshirt .gallery .current { max-height: 500px; overflow: hidden; min-height: 500px; } .redeem-tshirt .gallery .current, .redeem-tshirt .gallery .current img { width: 100%; border-radius: 5px; } /* Registration Page */ .registration-page { padding: 20px 0px; } .registration-page h2 { text-align:center; color: #3F3F3F;font-family: HelveticaNeue,"Helvetica Neue","Lato",Arial,sans-serif;font-size: 34px;font-weight: bold;line-height: 1;margin: 0;text-align: center; margin-bottom: 40px;} .registration-page form.bbp-login-form { width: 350px; background:#fff; border: 1px solid #ddd; padding:20px 40px; margin:0 auto; border-radius: 5px; box-shadow: 0px 2px 3px rgba(0,0,0,0.1); } .registration-page form.bbp-login-form .bbp-submit-wrapper,.registration-page form.bbp-login-form .bbp-submit-wrapper button { margin:0; width:100%;} .registration-page form.bbp-login-form .bbp-submit-wrapper button { background: #A0D468 !important; border: none; color:#fff; font-family: "Montserrat", sans-serif; text-shadow:none; text-transform: uppercase; font-size: 14px; } .registration-page form.bbp-login-form .bbp-submit-wrapper button:hover { opacity:0.9; } .registration-page form.bbp-login-form input { width: 100%; padding:10px 15px; } .registration-page form.bbp-login-form label { } /* Affiliates Page Styles */ .affiliates-page h2 { font-weight: bold; margin: 20px 0px; margin-bottom: 30px; font-size: 30px; } .affiliates-page p { margin: 10px 0px; font-size: 16px; } .affiliates-page p.subtag {font-size: 22px;text-align: center;line-height: 1.3; } .affiliates-page .affiliate-benefits { width: 355px; background: url("images/af_hanger.png") no-repeat top center; min-height: 357px; float:left; padding: 20px;} .affiliates-page .shadow-sep { margin-top: 40px; } .affiliates-page .affiliate-intro { width: 565px; margin-right: 20px; float: left;} .affiliates-page .affiliate-benefits p { text-align: center;font-family: "Montserrat";font-size: 19px;color: rgb(31, 31, 31);text-shadow: 0px 2px rgba(255,255,255,1); } .affiliates-page .affiliate-benefits ul { margin:0; padding: 5px 10px; } .affiliates-page .affiliate-benefits ul li { text-shadow: 0px 1px rgba(255,255,255,1);padding-left: 23px;font-weight: 100;} .affiliates-page .affiliate-benefits ul li:first-letter{ text-transform: capitalize; } .affiliates-page #affwp-affiliate-dashboard h4, .affiliate-banners h4 {color: rgb(60, 60, 60);font-weight: bold;border-bottom: 1px solid #ddd;padding-bottom: 7px; margin: 20px 0px;} .affiliates-page #affwp-affiliate-dashboard-url-generator { border:1px solid #ddd; border-radius: 5px; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.1);padding: 10px 25px;} .affiliates-page #affwp-affiliate-dashboard-url-generator p { margin: 5px 0px; } .affiliates-page #affwp-affiliate-dashboard-url-generator form { width:100%; } .affiliates-page #affwp-affiliate-dashboard-url-generator form label { width: 100%; } #affwp-url, #affwp-referral-url { display:block; margin:0; width: 350px !important; } .affwp-referral-url-submit-wrap { margin-bottom: 10px; } #affwp-affiliate-dashboard-url-generator { margin-bottom:20px; } .affiliates-page table { background:#fff !important; } .affiliates-page table thead tr th, .affiliates-page table tbody tr td {text-align:center; } .affiliates-page #affwp-affiliate-dashboard-url-generator .description { font-style:italic; color:#7d7d7d;} .affiliates-page #affwp-graphs-date-options { float:left; margin-right:10px; padding:10px; } .affiliates-page #affwp-graphs-filter {margin-bottom: 0 !important; } .affiliates-page #affwp-graphs-filter input[type="submit"] { float: left; } .affiliate-banners .banner_small .banner { float: left; margin-right: 20px; display:block; width: 125px; margin: 0 auto; margin-right:20px;} .affiliate-banners .banner_small textarea { float: left; width: 125px; height: 125px; } .affiliate-banners .banner_wide .banner, .affiliate-banners .banner_wide textarea { width: 728px; } .affiliate-banners .banner_mid .banner, .affiliate-banners .banner_mid textarea { width:250px; margin-left: 20px; } #affwp-affiliate-dashboard-referral-counts, #affwp-affiliate-dashboard-earnings-stats, #affwp-affiliate-dashboard-visits { width: 100%; border: 1px solid #ddd; margin-bottom: 10px; } #affwp-affiliate-dashboard-referral-counts td, #affwp-affiliate-dashboard-earnings-stats td, #affwp-affiliate-dashboard-referral-counts th, #affwp-affiliate-dashboard-earnings-stats th, #affwp-affiliate-dashboard-visits td, #affwp-affiliate-dashboard-visits th { width: auto; text-align: center; border: 1px solid #ddd;} #affwp-affiliate-dashboard-referral-counts th, #affwp-affiliate-dashboard-earnings-stats th, #affwp-affiliate-dashboard-visits th { font-weight: bold; } .affwp-payment-email-wrap, .affwp-send-notifications-wrap { float: left; width: 100%; margin-top: -10px; } #affwp-referral-notifications { float: left; } .affwp-save-profile-wrap { padding-bottom: 30px; } #affwp-register-form { width: 48%; margin-right: 4%; } #affwp-login-form { width: 48%; float: left; } #affwp-login-form fieldset p, #affwp-register-form fieldset p { display:block; width: 300px; margin: 0 auto; } #affwp-login-form input[type="text"], #affwp-register-form input[type="text"], #affwp-register-form input[type="email"], #affwp-register-form input[type="password"], #affwp-login-form input[type="password"] { width:100%; } #affwp-login-form legend, #affwp-register-form legend { text-align: center; font-size: 23px; width: 100%; margin-bottom: 30px; } .affwp-tos { width: 100% !important; margin-bottom: 15px; } .affwp-lost-password { float: left; width: 100%; display:block; text-align: center; } #affwp-login-form input[type="submit"] { margin: 0 auto !important; } /* ---------------------------- Download Page (Plugin/Theme) ---------------------------- */ /* Theme Page / Plugin Page (Download Page) */ #content.download-page { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important; font-weight: 300; } #content.download-page #middle-content { height: auto; background:#fff; padding-top: 30px; } #content.download-page #main-content { padding-top: 0px !important; } /* Download Name and Download Description */ #middle-content .download-name { text-align: center; font-weight: bold; color:#242424; font-size: 36px; line-height: 1; margin-bottom: 37px !important;margin-top:20px; } #middle-content .download-description { font-size: 18px; color:#242424; text-align: center; } /* Download Actions - Buy Now and Live Preview Buttons */ #middle-content .download-actions { margin: 0 auto; display:table; padding-bottom:25px;} #middle-content .download-actions div { display:block; float:left; } #middle-content .download-actions div button { background: none; border: none; text-shadow: none; font-family: "Arial"; font-size: 15px; text-transform: uppercase; font-weight: bold; color:#fff; padding: 12px 25px; margin-right: 15px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #middle-content .download-actions div button:hover { opacity: 0.8; } #middle-content .download-actions div:last-child button { margin-right: 0; } #middle-content .download-actions .buy-now button { background:#a0d468; } #middle-content .download-actions .live-preview button { background:#ff7f66 !important; box-shadow: 0px 3px 0px #d76e5a !important; } #middle-content .download-preview { margin: 0 auto; display: table; margin-bottom: -5px; } /* Separator Information - Heading 2 and Heading 3 */ #content.download-page .sep-info { border-bottom: 1px solid #dfdfdf; text-align: center; padding: 35px 0px; } #content.download-page .sep-info h2 { font-size: 22px; color:#3f3f3f; font-style: normal !important;font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important; font-weight: normal; line-height: 1; margin: 0; } #content.download-page .sep-info h3 { font-family: "Droid Serif", sans-serif; color:#7f7f7f; font-style: italic; font-size: 17px; margin: 0; } /* Theme Small Features - 80x80px Icons, Heading 4 Title & Heading 5 Description */ #content.download-page .theme-features { background: url("images/sep-shadow.png") no-repeat top center; padding-top: 40px; margin-top: 1px; border-bottom: 1px solid #e5e5e5; padding-bottom: 40px;} #content.download-page .theme-features .small-features{ float: left; width: 630px; margin-right: 20px; } #content.download-page .theme-features .feature { width: 305px; float: left; margin: 0; margin-right: 20px; padding-left: 0px; margin-bottom: 30px;} #content.download-page .theme-features .feature:nth-child(even) { margin-right: 0px; } #content.download-page .theme-features .feature .icon { width: 80px; margin-right: 10px; float: left; } #content.download-page .theme-features .feature .details h4 { color:#3f3f3f; font-size: 17px; font-weight: bold;font-weight: bold; margin-bottom: 7px; } #content.download-page .theme-features .feature .details h5 { color:#3f3f3f; font-size: 13px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important; letter-spacing: 1px; line-height: 1.3; font-weight: 300; } /* Features Panel - Download Info & Quick Links */ #content.download-page .features-panel { float: left; width: 290px; background:#f9f9f9; border: 1px solid #e5e5e5; box-shadow: 0px 2px 0px rgba(0,0,0,0.05);} #content.download-page .features-panel h3, .plugin-presentation .action-panel .plugin-details h3, .plugin-presentation .licence-types h3 { font-family: "Arial", sans-serif; text-transform: uppercase; color:#3f3f3f; font-size: 16px; text-align: center; margin: 0; line-height: 1; padding: 20px 0px; border-bottom: 1px solid #e5e5e5; } #content.download-page .features-panel div { width: 100%; } #content.download-page .features-panel ul, .plugin-presentation .action-panel ul { margin: 0; } #content.download-page .features-panel ul, #content.download-page .features-panel ul li { width: 100%; } #content.download-page .features-panel ul li, .plugin-presentation .action-panel .plugin-details ul li, .plugin-presentation .action-panel form li{ padding: 10px 20px; font-size: 15px; border-bottom: 1px solid #ddd; display:block; } #content.download-page .features-panel .details { border-bottom: 1px solid #e5e5e5; } #content.download-page .features-panel ul li, .plugin-presentation .action-panel .plugin-details ul li, .plugin-presentation .action-panel form li { margin: 0 !important; } #content.download-page .features-panel ul li:last-child { border-bottom: none; } #content.download-page .features-panel ul li .left, #content.download-page .features-panel ul li .right, #content.download-page .plugin-presentation .action-panel .left, #content.download-page .plugin-presentation .action-panel .right { float: left; width: 50%; } #content.download-page .features-panel ul li .left, #content.download-page .plugin-presentation .action-panel .left { text-align: left; font-weight: bold; color:#545454; } #content.download-page .features-panel ul li .right, #content.download-page .plugin-presentation .action-panel .right { text-align: right; color:#545454; font-size: 14px; } /*#content.download-page .theme-features header { border-bottom: 1px solid #e5e5e5; margin-bottom: 40px; }*/ #content.download-page .theme-features header h1 { margin: 0; line-height: 1; font-size: 16px; color:#3f3f3f; font-weight: bold; border: 1px solid #e5e5e5; float: left; border-bottom: none; padding: 15px 30px;} #content.download-page .features-panel .quick-links li a { text-decoration: none; font-weight: bold; color:#3f3f3f; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} #content.download-page .features-panel .quick-links li a:hover { color:#ff7f66; } /* Product Slider - jQuery Cycled */ #content.download-page .product-slider { display: table; margin: 20px auto; position: relative; min-height: 410px; height: 410px; } #content.download-page .product-slider .slide { width: 780px; margin: 0 auto; } #content.download-page .product-slider .slide img { width: 100%; } #content.download-page .product-slider .slider-pager { margin: 0 !important; display:table; margin: 0 auto !important; margin-top: 15px !important; } #content.download-page .product-slider .slider-pager a { display: block; text-indent: -9999px; float: left; width: 15px; height: 15px; background:#dcdcdc; border-radius: 50%; margin-right: 10px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} #content.download-page .product-slider .slider-pager a:last-child { margin-right: 0px; } #content.download-page .product-slider .slider-pager a.activeSlide { background:#a9a9a9; } #content.download-page .product-slider .nav-left, #content.download-page .product-slider .nav-right { position: absolute; display:block; width: 30px; height: 30px; ; color:#bdbdbd; text-align: center; z-index: 9999; } #content.download-page .product-slider .nav-left:hover, #content.download-page .product-slider .nav-right:hover { color:#a9a9a9; cursor: pointer; } #content.download-page .product-slider .nav-left { top: 50%; margin-top: -15px; left: -50px; } #content.download-page .product-slider .nav-right { top: 50%; margin-top: -15px; right: -50px; } #content.download-page .product-slider a { color:#bdbdbd; } #content.download-page .product-slider a i { font-size: 30px; } /* Pricing Tables */ #content.download-page .pricing-tables .table { width: 305px;float: left;margin-right: 8px; } #content.download-page .pricing-tables .table header { border-radius: 5px 5px 0px 0px; border: 1px solid #d1d1d1; padding: 30px; padding-bottom: 45px; border-top: } #content.download-page .pricing-tables .treasure-chest.table header { border-radius: 0px; border: 1px solid #d1d1d1; padding: 30px; padding-bottom: 45px; border-top: none; } #content.download-page .pricing-tables .table section, #content.download-page .pricing-tables .table footer { background:#fff; } #content.download-page .pricing-tables .table ul, #content.download-page .pricing-tables .table ul li { margin: 0; padding: 0; } /* Pricing Table - Single Gem Pack Header */ #content.download-page .pricing-tables .single-gem-pack header { background: url("images/single-gem-pack.png") no-repeat bottom center, #ffffff; /* Old browsers */ /* FF3.6+ */ background: url("images/single-gem-pack.png") no-repeat bottom center,-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */ background: url("images/single-gem-pack.png") no-repeat bottom center,-webkit-linear-gradient(top, #ffffff 0%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: url("images/single-gem-pack.png") no-repeat bottom center,-webkit-gradient(linear, left top, left bottom, from(#ffffff),to(#ebebeb)); background: url("images/single-gem-pack.png") no-repeat bottom center,linear-gradient(to bottom, #ffffff 0%,#ebebeb 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */ } /* Pricing Table - Pirate Club Header */ #content.download-page .pricing-tables .pirate-club header { background: url("images/pirate-club-icon.png") no-repeat left 30px center, #ffffff; /* Old browsers */ /* FF3.6+ */ background: url("images/pirate-club-icon.png") no-repeat left 30px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */ background: url("images/pirate-club-icon.png") no-repeat left 30px center, -webkit-linear-gradient(top, #ffffff 0%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: url("images/pirate-club-icon.png") no-repeat left 30px center, -webkit-gradient(linear, left top, left bottom, from(#ffffff),to(#ebebeb)); background: url("images/pirate-club-icon.png") no-repeat left 30px center, linear-gradient(to bottom, #ffffff 0%,#ebebeb 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */ } /* Pricing Table - Treasure Chest Header */ #content.download-page .pricing-tables .treasure-chest header { background: url("images/treasure-chest-header.png") no-repeat bottom center, #ffffff; /* Old browsers */ /* FF3.6+ */ background: url("images/treasure-chest-header.png") no-repeat bottom center,-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */ background: url("images/treasure-chest-header.png") no-repeat bottom center,-webkit-linear-gradient(top, #ffffff 0%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: url("images/treasure-chest-header.png") no-repeat bottom center,-webkit-gradient(linear, left top, left bottom, from(#ffffff),to(#ebebeb)); background: url("images/treasure-chest-header.png") no-repeat bottom center,linear-gradient(to bottom, #ffffff 0%,#ebebeb 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */ } #content.download-page .pricing-tables { margin-bottom: 40px; } #content.download-page .pricing-tables .table header h3 { text-transform: uppercase; text-align: center; font-family: "Arial"; font-size: 20px; line-height: 1; margin: 0; font-weight: bold;} #content.download-page .pricing-tables .table header h5 { color:#3f3f3f; font-family: "Droid Serif", sans-serif; color:#3f3f3f; font-style: italic; font-size: 13px; text-align: center; line-height: 1; margin-top: 3px; } #content.download-page .pricing-tables .pirate-club header {text-align: left !important; padding-left: 85px; } #content.download-page .pricing-tables .pirate-club header h3, #content.download-page .pricing-tables .pirate-club header h5 { text-align: left !important; } #content.download-page .pricing-tables section { border: 1px solid #d1d1d1; border-top: none; border-bottom: none; padding: 30px 20px; } #content.download-page .pricing-tables section ul li { background:url("images/pt-icon-normal.png") no-repeat left center; padding: 5px 0px !important; padding-left: 25px !important; font-size: 15px; color:#737373; } #content.download-page .pricing-tables section ul li.green { background:url("images/pt-icon-highlight.png") no-repeat left center; color:#8dc153; font-weight: bold; } #content.download-page .pricing-tables section ul li.bold { background:url("images/pt-icon-bold.png") no-repeat left center; font-weight: bold; } #content.download-page .pricing-tables footer { border: 1px solid #d1d1d1; text-align: center; padding: 25px 0px; } #content.download-page .pricing-tables footer .price { font-size: 25px; line-height: 1; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important;} #content.download-page .pricing-tables footer .price sup { line-height: 1.3; } #content.download-page .pricing-tables footer button, #content.download-page .pricing-tables .single-gem-pack footer a, .plugin-presentation .action-panel form input[type="submit"] { background: none; border: none; text-decoration: none; text-shadow: none; font-family: "Arial", sans-serif; text-transform: uppercase; color:#fff; border-radius: 5px; background:#a0d468 !important; padding: 10px 25px; margin: 0; margin-top: 10px;} #content.download-page .pricing-tables .pirate-club footer button, .plugin-presentation .action-panel form input[type="submit"] { background:#8dc153 !important; } .treasure-chest .price { font-size: 22px!important;} /* Download Page - Plugin Related Styles */ /* Plugin Icon */ #content.download-page .plugin-icon { display: table; margin: 0 auto; width: 80px; } #content.download-page .plugin-icon img { width: 100%; } /* Plugin Preview */ #content.download-page .plugin-presentation { margin-top: 40px; } #content.download-page .plugin-presentation .preview { width:600px; float:left; margin-right: 20px; overflow:hidden; border-radius: 10px 10px 0px 0px; max-height: 450px; border:1px solid #cfcfcf; border-bottom: none; } #content.download-page .plugin-presentation .preview img { max-width: none !important; } /* Action Panel */ .plugin-presentation .action-panel { width: 300px; float:left; background:#fff; border: 1px solid #e5e5e5; box-shadow: 0px -2px 9px rgba(0,0,0,0.07); margin-top: 27px; } /* Plugin Presentation */ .plugin-presentation .action-panel form input[type="radio"] { display:none; } .plugin-presentation .action-panel form label:before, .plugin-presentation .action-panel form label:after { content: " "; display: table; } .plugin-presentation .action-panel form label:after { clear:both; } .plugin-presentation .action-panel form label { *zoom: 1;} .plugin-presentation .action-panel .edd_price_option_sep { display:none; } .plugin-presentation .action-panel .edd_price_option_name { font-weight: bold; } .plugin-presentation .action-panel .edd_price_option_price { float: right !important; } .plugin-presentation .action-panel form li .edd_price_option_name { background:url("images/radio_button.png") no-repeat left center; padding-left: 25px; display:inline-block !important; float: left;} .plugin-presentation .action-panel form li input[type="radio"]:checked ~ .edd_price_option_name { background:url("images/radio_button_checked.png") no-repeat left center; } .plugin-presentation .action-panel form li label:hover { cursor: pointer; } .plugin-presentation .action-panel form .edd-add-to-cart { background: none; border: none; text-shadow: none; display:table; margin: 20px auto; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; box-shadow: none !important; font-family: "Arial", sans-serif; } .plugin-presentation .action-panel form .edd-add-to-cart:hover { opacity: 0.8; } #content.download-page .pricing-tables a.edd-add-to-cart{ display:none !important; } #content.download-page .pricing-tables .edd_go_to_checkout { display:none !important; } #content.download-page .pricing-tables input.edd-add-to-cart{ display:block !important; } #content.download-page .sep-info { margin-top: 0 !important; } .forum-documentation-link { float:right; margin-right:20px!important; } .pricing .pricing-tables .edd_purchase_submit_wrapper a.edd-add-to-cart.edd-has-js { margin-left:90px; } /* =========== FEATURED ON ============= */ .featured-on { width: 100%; clear:both; padding: 20px 0px;padding-bottom: 20px; } .featured-on header h2 { text-align: center; text-transform: uppercase; font-family:"Helvetica Neue", sans-serif; font-weight:bold; font-size: 1.4em; margin: 0; padding: 0; line-height: 1; color: #3d3d3d; letter-spacing: 1px;} .featured-on .feature { width: 20%; float: left;} .featured-on .feature a { display: table-cell; vertical-align: middle; height:100px !important; width: 20% !important; max-width: 100px !important; } .featured-on .feature img { display: table;margin: 0 auto; width: auto !important; } .featured-on .slick-prev, .featured-on .slick-next { display: none !important; } .featured-on .slick-dots {margin-bottom: 40px !important; } .slick-dots li button:before { font-size: 30px !important; } .page-template-template-wppr-lp .featured-on { padding: 0px; } .page-template-template-wppr-lp #logos .row { margin-bottom: 0px; } /* --------------------------- Checkout Page (Full Header) --------------------------- */ body.order-checkout-page header { padding: 20px 0px; border-bottom: 1px solid #dadada;} body.order-checkout-page .logo_details { float: left; margin-top: 12px; } body.order-checkout-page .logo { display:block; text-indent: -9999px; width: 210px; height: 37px; float: left;} body.order-checkout-page .logo_details span {float: left;margin-top: 17px;margin-left: 10px; } body.order-checkout-page .security_details { float: right; } body.order-checkout-page .positive_ssl_bagde, .norton-seal-checkout { float: left; margin-top: 10px; margin-right: 15px;} body.order-checkout-page .ssl_secure_payment { text-align: center; background: #F6F6F6; border: 1px solid #E4E4E4; padding: 10px 20px; max-width: 150px; float:left;font-family: "HelveticaNeue", "Helvetica Neue", Arial, sans-serif; font-size: 14px; line-height: 1.2;} body.order-checkout-page .positive_ssl_bagde a { display: block; background:url("images/trust-badges/positive_ssl.png") no-repeat top left; width: 46px; height: 46px; text-indent: -9999px;} body.order-checkout-page .edd-terms-agreement { text-align: center; margin-bottom: 15px; } body.order-checkout-page #edd_checkout_form_wrap input#edd_agree_to_terms, .edd-checkout #edd_checkout_form_wrap .edd-terms-agreement label { width: auto !important; font-weight: 500; } body.order-checkout-page #edd_checkout_form_wrap input#edd_agree_to_terms { position: relative; top: 1px; margin-right: 0; } body.order-checkout-page .edd-checkout .edd-terms-agreement a { text-decoration: none; } body.order-checkout-page .order-wrapper .o-details header { padding: 0; margin: 0; } body.order-checkout-page .order-wrapper .o-details header h2 { color:#2b2b2b; font-size: 18px;font-weight: bold; } body.order-checkout-page .order-wrapper .o-details table thead { display: none; } #main-content .order-wrapper .o-details table, #main-content .order-wrapper .o-details table th, #main-content .order-wrapper .order-total { border: none !important; } .order-wrapper .o-details table td { border: none !important; border-top: 1px solid #ddd !important; border-bottom: 1px solid #ddd !important; } #main-content .order-wrapper .o-details .edd_cart_item td { padding: 10px !important; } #main-content .order-wrapper .o-details .item-description a { font-size: 21px; } #main-content .order-wrapper .o-details th { padding: 12px 30px; } #edd_checkout_form_wrap #edd_show_discount { text-align: right !important; margin: 0 !important; border: none !important; height:52px; padding-top:15px !important; } #edd_checkout_form_wrap fieldset { border: none !important; } #edd_sl_renewal_form { float: left; width: 50%; } #edd_checkout_form_wrap fieldset p { color:#474747; font-size: 13px !important; } a#edd_sl_show_renewal_form, a.edd_discount_link { font-weight: bold !important; color:#474747; text-decoration: none; border-bottom: 1px dotted #3d3d3d;} #edd_checkout_user_info { width: 48%; margin-right: 4% !important; float: left; } #edd_cc_address { width: 48%; float: left; } #edd_purchase_submit { width: 100%; } #edd_sl_renewal_fields {padding: 10px 10px !important;} #edd_checkout_form_wrap #edd_show_discount, #edd_sl_renewal_fields { border-top: 1px solid #ddd !important; border-bottom: 1px solid #ddd !important; margin: 0 !important;} #edd_sl_renewal_form { border-top: 1px solid #ddd !important; border-bottom: 1px solid #ddd !important; } #edd_checkout_user_info, #edd_cc_address { border: none !important; } .isle_info { margin-top: 30px !important;} .isle_info fieldset { padding: 0 !important;} #edd_checkout_user_info legend, #edd_checkout_form_wrap legend { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; border-bottom: 1px solid #ddd;font-size: 18px; font-weight: bold;color:#2b2b2b;padding-bottom: 10px;} #edd_checkout_form_wrap span.edd-required-indicator { float: right; } #edd_checkout_form_wrap label { font-size: 15px; color:#707070; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; margin-bottom: 10px;} #edd_checkout_form_wrap input { width: 100% !important; margin-bottom: 0 !important; margin-bottom: 10px !important; } #edd_checkout_form_wrap select { width: 100% !important; padding: 9px 6px !important; } #edd_checkout_form_wrap input[type="email"], #edd_checkout_form_wrap input[type="text"], #edd_checkout_form_wrap select { background: #fcfcfc; border-radius: 0px !important; border: 1px solid #dddddd !important; } #edd_checkout_form_wrap input[type="email"]:focus, #edd_checkout_form_wrap input[type="text"]:focus, #edd_checkout_form_wrap select:focus { background:#fff; } .edd-sl-renewal-actions {display:none!important} #edd_checkout_form_wrap .edd-description { font-size: 13px; color:#9a9a9a; font-style: italic; font-weight: 300 !important; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; } #edd-license-key-wrap .edd-description { display: none !important;} #edd_checkout_form_wrap input[type="submit"] { box-shadow: none !important; font-family: "Arial", sans-serif !important; } #edd-license-key-container-wrap, #edd-discount-code-wrap {display: block;position: fixed !important;width: 300px !important;height: 140px !important;background: #fff !important;box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.23);padding: 20px !important;z-index: 9999;top: 50%;margin-top: -70px;left: 50%;margin-left: -150px; } #edd-license-key-container-wrap,#edd-discount-code-wrap { width: 400px !important; height: 200px !important; margin-left: -200px !important; margin-top: -90px !important; } .close_renewal { display:block !important; text-align: center !important; text-decoration: none; width: 100% !important; padding:10px 0px !important; } #edd_purchase_submit { float: left !important;} #edd_purchase_submit input[type="submit"] { width: auto !important; margin-bottom: 35px !important; } #edd_checkout_form_wrap #edd_discount_code {margin-bottom: 0 !important; } #edd_checkout_form_wrap .edd-payment-icons {display: block;float: left;width: 50%;padding: 10px 10px 9px 10px;border-bottom: 1px solid #ddd; height: auto !important;} #edd_checkout_form_wrap .edd-payment-icons img.payment-icon { margin-right: 10px; } #edd_checkout_form_wrap #edd_payment_mode_select { margin-bottom: 0;width: 50%; float: left;border-bottom: 1px solid #ddd !important;padding: 13px !important;padding-bottom: 6px !important;} #edd_checkout_form_wrap #edd-payment-mode-wrap .edd-payment-mode-label {display: inline-block;color: #474747;font-size: 13px !important;float: left !important;margin-bottom: 0;line-height: 29px;font-weight: normal;} #edd_checkout_form_wrap #edd-payment-mode-wrap br {display:none;} #edd_checkout_form_wrap input[type=radio] {border: none;margin-right: 4px;float: left;display: inline-block;width: auto !important;} #edd_checkout_form_wrap #edd-payment-mode-wrap label {display: inline-block;float: right;margin: 0 !important;margin-top: 6px !important;} #edd_checkout_login_register { float: right; width: 48%;} #main-content .order-wrapper .o-details .edd_discount {float: right;font-size: 11px;color: #969696;font-weight: normal;letter-spacing: 1px;} #edd_sl_show_renewal_form_wrap {padding-top:5px;} #edd_sl_renewal_fields {height:50px;} .edd-free-download { font-family: "Arial"; font-size: 15px!important; text-transform: uppercase!important; font-weight: bold!important; color: #fff!important; padding: 6px 25px!important; } .download-actions.download-free .edd-free-download{ margin-left:15px; } #edd-discount-code-wrap, #edd-license-key-container-wrap {display:none;} .product-license b { font-weight: bold !important; color: #666 !important; } .product-license { color: #afafaf; font-size: 14px; line-height: 1; padding-top: 5px !important; border-top: 1px solid #afafaf; margin-top: 4px !important; border-bottom: 1px solid #afafaf; padding-bottom: 5px !important; } /* new CSS */ .affiliates-page textarea{width: 100%;} #affwp-affiliate-dashboard-tabs ul{width: 100%;} #affwp-affiliate-dashboard-tabs li{display: inline-block;float: left;} #affwp-affiliate-dashboard-tabs li a{border: 1px solid #e1e1e1;border-radius: 2px;padding: 8px;color: #777;text-decoration: none !important;margin-right: 10px !important;margin-bottom: 10px !important;font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;margin-bottom: 0px !important;display: block;} #affwp-affiliate-dashboard-tabs li a:hover, #affwp-affiliate-dashboard-tabs li.active a{color: #ff7f66;} #affwp-generate-ref-url input[type="text"]{width: 100% !important;margin-bottom: 10px;padding: 10px 5px !important;margin-top: 2px;background: #f9f9f9;box-shadow: inset 0px 1px 3px rgba(0,0,0,0.15);padding: 8px 5px;border: 1px solid #e1e1e1;} .affiliate-banners .banner_small textarea {float: left;width: 100%;height: 50px;min-height: 0px;background: #f9f9f9;box-shadow: inset 0px 1px 3px rgba(0,0,0,0.15);padding: 8px 5px;border: 1px solid #e1e1e1;} .affiliate-banners .banner_mid .banner, .affiliate-banners .banner_mid textarea{margin-left: 0;} .affiliate-banners .banner_wide textarea{width: 100%;background: #f9f9f9;box-shadow: inset 0px 1px 3px rgba(0,0,0,0.15);padding: 8px 5px;border: 1px solid #e1e1e1;margin-top: 0;height: 50px;min-height: 0;} #affwp-affiliate-dashboard-referral-counts {width: 100%;border: none;margin-bottom: 10px;clear: left;} .affiliates-page table {width: 100%;vertical-align: middle;} #affwp-affiliate-dashboard-referral-counts th,#affwp-affiliate-dashboard-earnings-stats th {border: 3px solid #FFFFFF !important;padding: 5px;color: rgb(60, 60, 60);} .affwp-table thead tr{background: #e8e8e8 ;} #affwp-affiliate-dashboard-referral-counts td,#affwp-affiliate-dashboard-earnings-stats td{border: none;} #affwp-affiliate-dashboard-earnings-stats th,#affwp-affiliate-dashboard-earnings-stats{border: 0;} #affwp-affiliate-dashboard-earnings-stats{margin-top: 40px;} #affwp-affiliate-dashboard-visits {border: none;} #affwp-affiliate-dashboard-visits td{padding: 15px 5px;font-size: 13px;line-height: 16px;} #affwp-affiliate-dashboard-visits th{border: 1px solid #e8e8e8 ;padding: 5px 10px;} #affwp-graphs-date-options{padding: 6px !important;background: #f9f9f9;box-shadow: inset 0px 1px 3px rgba(0,0,0,0.15);padding: 8px 5px;border: 1px solid #e1e1e1;} .affiliates-page #affwp-affiliate-dashboard h4 {padding-bottom: 7px;margin: 20px 0px;color: #3f3f3f;font-weight: bold;letter-spacing: -1px;font-size: 32px;border-bottom: 0;} #affwp-payment-email{background: #f9f9f9;box-shadow: inset 0px 1px 3px rgba(0,0,0,0.15);padding: 8px 5px;border: 1px solid #e1e1e1;padding: 10px 5px;} .affiliate-banners .banner_small textarea{width: 795px;height: 65px;margin-top: 60px;} .affiliate-banners .banner_mid textarea{float: left;width: 100%;height: 50px;min-height: 0px;background: #f9f9f9;box-shadow: inset 0px 1px 3px rgba(0,0,0,0.15);padding: 8px 5px;border: 1px solid #e1e1e1;} .affiliate-banners .banner_mid .banner{float: left;margin-right: 20px;display: block;width: 250px;margin: 0 auto;margin-right: 20px;} .affiliate-banners .banner_mid textarea{float: left;width: 100%;height: 50px;min-height: 0px;background: #f9f9f9;box-shadow: inset 0px 1px 3px rgba(0,0,0,0.15);padding: 8px 5px;border: 1px solid #e1e1e1;width: 670px;height: 65px;margin-top: 186px;} .affiliates-page #affwp-affiliate-dashboard h4, .affiliate-banners h4{border-bottom: 0;} .banner_small,.banner_mid,.banner_wide{margin-bottom: 30px;} .affwp-graph table {width: auto !important;background: none !important;} .legendLabel{padding-left: 5px;} .affwp-graph table tbody tr td {text-align: left;} .affwp-graph table tbody tr {margin-bottom: 5px;display: block;} .affiliates-page #affwp-affiliate-dashboard-url-generator,#affwp-affiliate-dashboard-visits,#affwp-affiliate-dashboard-graphs,#affwp-affiliate-dashboard-referral-counts, .affiliates-page #affwp-affiliate-dashboard-url-generator{clear: left;} #affwp-affiliate-dashboard-tabs{padding-bottom: 50px;} .affwp-pagination a,.affwp-pagination span{border-radius: 4px;background: #EBEBEB;min-width: 25px;height: 25px;padding: 0 5px;float: left;text-align: center;text-decoration: none;margin-right: 3px;line-height: 25px;} .affwp-form input[type="text"],.affwp-form input[type="email"],.affwp-form input[type="password"],.affwp-form textarea {background: #f9f9f9;box-shadow: inset 0px 1px 3px rgba(0,0,0,0.15);padding: 8px 5px;border: 1px solid #e1e1e1;padding: 10px 5px;} #content.download-page .pricing-tables .table .edd-add-to-cart{margin-bottom: 0 !important; margin-top: 10px;} .single-download .edd_download_purchase_form{margin-bottom: 10px !important;} #content.download-page .features-panel {margin-bottom: 20px;} .page.active.purchased input[type="text"], .page.active.purchased input[type="password"], .page.active.purchased input[type="email"], .page.active.purchased select{background: #f9f9f9;box-shadow: inset 0px 1px 3px rgba(0,0,0,0.15);padding: 8px 5px;border: 1px solid #e1e1e1;} .edd_profile_submit_wrap input[type="submit"]{margin: 0 15px;} #edd_profile_submit_wrap input[type="submit"]{padding: 10px 20px;display: block !important;} #edd_profile_submit_wrap{clear: left;width: 100%;padding: 15px 0;} #responsive-menu .expand-menu {text-indent: -99999999px !important;background: url(../themeIsle/images/expand-menu.png) center no-repeat !important;} #responsive-menu .expand-menu:hover {background: url(../themeIsle/images/expand-menu-pink.png) center no-repeat !important;} #content .section-header h2{line-height:25px;padding: 8px 0;margin-bottom: 0 !important;} .bbp-register-link { color:#ff7f66 !important; } @media all and (max-width: 959px) { .affiliate-banners .banner_small textarea {width: 620px;} .affiliate-banners .banner_mid textarea {width: 498px;} #content.download-page .pricing-tables .table{width: 246px;} #content.download-page .pricing-tables section {padding: 30px 15px;} #content.download-page .pricing-tables .pirate-club header {padding-left: 65px;} #content.download-page .pricing-tables .pirate-club header {background: url("images/pirate-club-icon.png") no-repeat left 10px center, #ffffff;background: url("images/pirate-club-icon.png") no-repeat left 10px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebebeb));background: url("images/pirate-club-icon.png") no-repeat left 10px center, -webkit-linear-gradient(top, #ffffff 0%,#ebebeb 100%);background: url("images/pirate-club-icon.png") no-repeat left 10px center, -webkit-gradient(linear, left top, left bottom, from(#ffffff),to(#ebebeb));background: url("images/pirate-club-icon.png") no-repeat left 10px center, linear-gradient(to bottom, #ffffff 0%,#ebebeb 100%);} #content.download-page .pricing-tables .table .edd-add-to-cart{margin-bottom: 15px !important;} .featured-on {text-align:center;} .featured-on .feature {display: inline-block; float: none; width: 33.333%;} } @media all and (max-width: 767px) { .affiliate-banners .banner_small .banner, .affiliate-banners .banner_mid .banner, .affiliate-banners .banner_wide .banner {width: 100%;text-align: center;} .affiliate-banners .banner_small textarea, .affiliate-banners .banner_mid textarea,.affiliate-banners .banner_wide textarea {margin-top: 0;height: 65px;} .affiliate-banners .banner_small .banner img,.affiliate-banners .banner_mid .banner img,.affiliate-banners .banner_wide .banner img {max-width: 100%;} #middle-content .download-actions div button{margin-right:0;} #middle-content .download-actions div{text-align:center; clear: left;} #middle-content .download-actions div a{display:inline-block !important;width:auto !important;} #content.download-page .pricing-tables .table .edd-add-to-cart{margin-bottom: 0 !important;} .slick-dots li button:before {font-size: 20px !important;} #content .section-header h2 {font-size: 20px;} #middle-content .download-name {font-size: 28px;} body.single-download .one-half h2 {font-size: 30px;} .single-download .two-halves {margin: 0px 0px;} .contact-us section.contact-form, .contact-us section.member-resources { width: 100% } .featured-on .feature {width: 100%;} } .rating { unicode-bidi: bidi-override; direction: rtl; font-size: 20px; } .rating span.star { font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; font-size:20px; } .rating span.star:hover { cursor: pointer; } .rating span.star:before { content: "\f006"; padding-right: 5px; color: #777777; } .rating span.star:hover:before, .rating span.star ~ span.star:before { content: "\f005"; color: #e3cf7a; } .download-free .live-preview:nth-child(2) button { background:#a0d468!important; box-shadow: 0px 3px 0px #8dc153 !important; border: none !important; text-transform: uppercase; text-shadow: none !important; color: #fff !important; } .live-preview:nth-child(3) button { display:none!important; } #twitter-widget-1 { max-width:49%!important; } #main-content #edd_purchase_3266262{ display:none; } #powered-by-optimonk { display:none!important; } .single-download .edd_go_to_checkout { display:none; } .edd-add-to-cart.button.white.edd-submit.edd-has-js { display:table!important; margin:auto; } .get-all-banner-button .edd-add-to-cart-label { color: white; padding-left: 40px; } #codeableFormInner { float: left; width: 98%; margin-right: 4%; background: url("images/contact-script-icon-bg.png") no-repeat bottom right -105px; border: 1px solid #e2e2e2; box-shadow: 0px 1px 3px rgba(0,0,0,0.07); border-radius: 5px; padding: 40px 30px; } #edd_purchase_2792908 .edd_purchase_submit_wrapper , #edd_purchase_3266262 .edd_purchase_submit_wrapper , #edd_purchase_2574 .edd_purchase_submit_wrapper { display:none!important; } /* Metro customizr plugin page */ .single-download.postid-2985897 .plugin-presentation .action-panel { display:none; } .single-download.postid-2985897 #content.download-page .plugin-presentation .preview { width: auto; max-height: 488px; } .single-download.postid-2985897 #content.download-page .plugin-icon { display: none; } .single-download.postid-2985897 #content.download-page .theme-features { display: none; } .single-download.postid-2985897 .edd_download_purchase_form { display: none; } .single-download.postid-3213764 .edd_download_purchase_form { display: none; } #pricing-single .edd_download_purchase_form{ display:block; } /* Parallax One Plus plugin page */ .single-download.postid-3213764 #middle-content > div > div.plugin-icon { display: none; } .single-download.postid-3213764 #middle-content > div > div.plugin-presentation > div.action-panel { display: none; } .single-download.postid-3213764 #middle-content > div > div.plugin-presentation > div.preview { width: auto; } .single-download.postid-3213764 #main-content > div.theme-features.clearfix { display: none; } .single-download.postid-3213764 .two-halves { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } /* Llorix One Plus plugin page */ .single-download.postid-4276273 #middle-content > div > div.plugin-icon { display: none; } .single-download.postid-4276273 #middle-content > div > div.plugin-presentation > div.action-panel { display: none; } .single-download.postid-4276273 #middle-content > div > div.plugin-presentation > div.preview { width: auto; } .single-download.postid-4276273 #main-content > div.theme-features.clearfix { display: none; } .single-download.postid-4276273 .two-halves { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } /* Azera Shop Plus plugin page */ .single-download.postid-6263341 #middle-content > div > div.plugin-icon { display: none; } .single-download.postid-6263341 #middle-content > div > div.plugin-presentation > div.action-panel { display: none; } .single-download.postid-6263341 #middle-content > div > div.plugin-presentation > div.preview { width: auto; } .single-download.postid-6263341 #main-content > div.theme-features.clearfix { display: none; } .single-download.postid-6263341 .two-halves { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } /****************************/ /****** Retired themes ******/ /****************************/ #middle-content .download-actions form { display:block; float:left; } .single-download.postid-805 #middle-content .download-actions, .single-download.postid-805 #content.download-page .pricing-tables .table.single-gem-pack, .single-download.postid-806 #middle-content .download-actions, .single-download.postid-806 #content.download-page .pricing-tables .table.single-gem-pack, .single-download.postid-803 #middle-content .download-actions, .single-download.postid-803 #content.download-page .pricing-tables .table.single-gem-pack, .single-download.postid-35566 #middle-content .download-actions, .single-download.postid-35566 #content.download-page .pricing-tables .table.single-gem-pack, .single-download.postid-4519 #middle-content .download-actions, .single-download.postid-4519 #content.download-page .pricing-tables .table.single-gem-pack, .single-download.postid-825 #middle-content .download-actions, .single-download.postid-825 #content.download-page .pricing-tables .table.single-gem-pack, .single-download.postid-34938 #middle-content .download-actions, .single-download.postid-34938 #content.download-page .pricing-tables .table.single-gem-pack, .single-download.postid-2800 #middle-content .download-actions, .single-download.postid-2800 #content.download-page .pricing-tables .table.single-gem-pack, .single-download.postid-37084 #middle-content .download-actions, .single-download.postid-37084 #content.download-page .pricing-tables .table.single-gem-pack, .single-download.postid-808 #middle-content .download-actions, .single-download.postid-808 #content.download-page .pricing-tables .table.single-gem-pack, .single-download.postid-819 #middle-content .download-actions, .single-download.postid-819 #content.download-page .pricing-tables .table.single-gem-pack, .single-download.postid-5426 #middle-content .download-actions, .single-download.postid-5426 #content.download-page .pricing-tables .table.single-gem-pack, .single-download.postid-5976 #middle-content .download-actions, .single-download.postid-37558 #middle-content .download-actions, .single-download.postid-71614 #middle-content .download-actions, .single-download.postid-71614 #content.download-page .pricing-tables .table.single-gem-pack, .single-download.postid-820 #middle-content .download-actions, .single-download.postid-820 #content.download-page .pricing-tables .table.single-gem-pack, .single-download.postid-821 #middle-content .download-actions, .single-download.postid-821 #content.download-page .pricing-tables .table.single-gem-pack, .single-download.postid-809 #middle-content .download-actions, .single-download.postid-809 #content.download-page .pricing-tables .table.single-gem-pack, .single-download.postid-5930 #middle-content .download-actions, .single-download.postid-5930 #content.download-page .pricing-tables .table.single-gem-pack, .single-download.postid-35015 #middle-content .download-actions, .single-download.postid-35015 #content.download-page .pricing-tables .table.single-gem-pack, .single-download.postid-67478 #middle-content .download-actions, .single-download.postid-67478 #content.download-page .pricing-tables .table.single-gem-pack, .single-download.postid-37010 #middle-content .download-actions, .single-download.postid-2803 #middle-content .download-actions, .single-download.postid-2803 #content.download-page .pricing-tables .table.single-gem-pack, .single-download.postid-2806 #middle-content .download-actions, .single-download.postid-2806 #content.download-page .pricing-tables .table.single-gem-pack, .single-download.postid-2811 #middle-content .download-actions, .single-download.postid-2811 #content.download-page .pricing-tables .table.single-gem-pack { display: none; } .edd_purchase_row .button { margin-bottom:3px !important; } .button.license a{ padding-left:0px !important; } .single-download .edd_download_purchase_form { text-align:center; } /* Hide single pricing */ .pricing-tables .single { display:none; } #main-header #main-menu ul li:hover > a { color: #ff7f66; } #main-header #main-menu ul li:hover > a:after { content: none; } #main-header #main-menu ul ul { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); float: left; position: absolute; top: 30px; left: -999em; z-index: 99999; margin-left: 0; background: #FFF; } #main-header #main-menu > ul > ul { margin-top: 0px; padding-top: 15px; } #main-header #main-menu ul ul ul { left: -999em; top: 0; margin: 0 } #main-header #main-menu ul ul a { width: 170px; display: block; line-height: 22px; padding: 5px 0 5px 10px; } #main-header #main-menu ul ul li { display: block; position: relative; margin-bottom: 6px; margin-left: 0px; margin-right: 0px; } #main-header #main-menu .ti-half-submenu > ul { width: 375px; padding-top: 20px; padding-bottom: 5px; } #main-header #main-menu .ti-half-submenu > ul > li > ul, #main-header #main-menu .ti-half-submenu > ul > li:hover > ul { left: -0%; position: relative; box-shadow: none; } #main-header #main-menu .ti-half-submenu > ul > li > a { display: none; } #main-header #main-menu .ti-half-submenu > ul > li { width: 50%; display: inline-block; float: left; margin-left: 0; margin-right: 0; } #main-header #main-menu ul li:hover > ul, #main-header #main-menu ul li.focus > ul { left: auto; } #main-header #main-menu ul ul li:hover > ul, #main-header #main-menu ul ul li.focus > ul { left: 100%; } /* Added by Ionut for 404 page*/ .ol_404 { float:left; width:45%; } /* Flat plus plugin page (added on 26.11.15) */ .single-download.postid-3322998 #middle-content > div > div.plugin-icon { display: none; } .single-download.postid-3322998 #middle-content > div > div.plugin-presentation > div.action-panel { display: none; } .single-download.postid-3322998 #middle-content > div > div.plugin-presentation > div.preview { width: auto; } .single-download.postid-3322998 #main-content > div.theme-features.clearfix { display: none; } .single-download.postid-3322998 .two-halves { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #responsive-menu ul li.ti-half-submenu > ul > li > a { display: none; } #responsive-menu ul li:last-of-type a { border-bottom: 1px solid #e7e7e7; } #responsive-menu > ul > li > a { border-bottom: 1px solid #e7e7e7; } #responsive-menu ul li { display: block; } #responsive-menu ul li a:after { content: none; } #about .plugin-metadata { color: #333; margin-bottom: 20px; } .single-download.postid-37305 #logos .row { margin-bottom: 0; } .single-download.postid-37305 #logos .featured-on {padding:0; } /*************************************************************************/ /************************** NEW THEME TEMPLATE ***************************/ /*************************************************************************/ /* common style */ .zf-section { font-family: 'Open Sans', sans-serif; font-weight: 400; } .zf-section-title-wrap { float: left; margin-bottom: -20px; } .zf-section-title-no { float: left; margin-left: -60px; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 180px; line-height: 180px; color: rgba(255,255,255,.12); } #content .section-header h2.zf-section-title { font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 40px; line-height: 44px; color: #FFF; margin-top: 40px; margin-left: -44px; text-shadow: none; } #content .section-header h2.zf-section-title span { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 40px; line-height: 44px; color: #FFF; margin-top: 40px; text-shadow: none; } .zf-button { font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 20px; line-height: 20px; padding: 10px 20px; text-transform: uppercase; text-decoration: none; } .zf-button-red { color: #c33a1e; border: 3px solid #c33a1e; } .zf-button-red:hover { color: #fff; background: #c33a1e; } .zf-button-white { color: #fff; border: 3px solid #fff; } .zf-button-white:hover { color: #3a517a; background: #fff; } .zf-header-oblique { position: absolute; bottom: 0; left: 0; width: 100%; height: 130px; background: url(https://themeisle.com/wp-content/uploads/2016/02/zf-white-oblique-top.png) no-repeat; background-size: cover; } .zf-play-button { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 3px solid #fff; border-radius: 50%; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; overflow: hidden; text-decoration: none; width: 35px; height: 35px; } .zf-play-arrow { margin: 0 auto; border-color: transparent; border-style: solid; border-width: 8px 0 8px 12px; border-top-color: transparent; border-left-color: #fff; display: block; height: 0; width: 0; line-height: 0; left: 2px; overflow: hidden; position: relative; text-indent: -20em; } /* header section */ .zf-header { position: relative; padding: 110px 0 225px; background-color: #39517b; } .zf-header-bg { background: url(https://themeisle.com/wp-content/uploads/2016/02/zf-header-bg.jpg) top center !important; background-size: cover !important; /*background-color: #39517b;*/ } .zf-header-info { float: left; width: 460px; text-align: center; } .zf-header-title { /*font-family: 'Montserrat', sans-serif;*/ font-weight: 700; color: #FFF; font-size: 82px; line-height: 82px; text-transform: uppercase; padding-bottom: 30px; padding-top: 50px; margin-bottom: 0; } .zf-header-title span { font-size: 28px; line-height: 28px; font-weight: 400; display: block; } #content .section-header h2.zf-header-sutitle { /*font-family: 'Open Sans', sans-serif;*/ font-weight: 400; font-size: 46px; line-height: 46px; color: #FFF; padding: 0; } .zf-header-under-subtitle { /*font-family: 'Open Sans', sans-serif;*/ font-weight: 400; font-style: italic; font-size: 20px; line-height: 30px; color: #FFF; padding-bottom: 30px; margin-bottom: 0; } .zf-header-button button { position: relative; z-index: 9; width: 100%; border: none; box-shadow: none; text-shadow: none; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 20px; line-height: 24px; color: #FFF; text-transform: uppercase; padding: 18px 10px; } .zf-button-demo button { background: #c33a1e; } .zf-button-demo button:hover { background: #db4c2e; color: #fff; border:none; } .button.zf-button-free-download { background: #1faa72 !important; position: relative; z-index: 9; width: 100%; border: none; box-shadow: none !important; text-shadow: none; font-family: 'Montserrat', sans-serif !important; font-weight: 400 !important; font-size: 20px !important; line-height: 24px; color: #FFF; text-transform: uppercase; padding: 18px 10px !important; } .zf-button-video button { background: #1faa72; padding: 17px 10px 13px; } .zf-button-video button:hover { background: #32bd85; color: #fff; border: none; } .zf-button-video button img { vertical-align: middle; margin-top: -4px; margin-right: 10px; } .zf-header-image { float: right; width: 100%; margin-right: -460px; } .zf-header-image-inner { width: 100%; margin-left: -120px; } .zf-header-image img { max-width: 300%; margin-left: 150px; } .zf-video-play-button { width: 109px; height: 109px; position: absolute; z-index: 9; left: 40%; top: 30%; background: url(https://themeisle.com/wp-content/uploads/2016/02/zf-video-play-icon.png) no-repeat; } .zf-video-wrap { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999999; background: rgba(46, 46, 46, 0.75); } .zf-video-inner { } .zf-video-inner-in { position: relative; } .zf-video-close { font-size: 80px; color: #fff; position: absolute; top: 20px; right: 10px; text-decoration: none; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); float: right; display: block; cursor: pointer; } .zf-video-close:hover { color: #c33a1e; } .zf-video-inner iframe { max-width: 90%; } /* amazing websites section */ .zf-amazing-websites { margin-top: -225px; } .zf-amazing-websites.zf-new-header-above { margin-top:0; } #content .section-header .zf-amazing-websites.zf-new-header-above h2.zf-section-title, #content .section-header .zf-amazing-websites.zf-new-header-above h2.zf-section-title span { color: #333; } .zf-amazing-websites.zf-new-header-above .zf-section-title-no { color: rgba(122, 122, 122, 0.2); } .zf-sites-built-img { float: left; display: inline-block; width: 60%; } .zf-sites-built-img img { box-shadow: 0px 0px 10px 0px rgba(153,153,153,1); } .zf-sites-built-content { float: left; display: inline-block; padding-top: 80px; width: 40%; text-align: left; padding-left: 20px; } .zf-sites-built-title { font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 30px; color: #2e2e2e; } .zf-sites-built-text { font-size: 16px; line-height: 26px; color: #7a7a7a; } #zf-sites-built { position: relative; margin: 0 auto 0 auto; width: 940px; float: left; } #zf-sites-built ul { position: relative; margin: 0; padding: 0; list-style: none; } .zf-sites-built-inner { position: relative; overflow: hidden; width: 100%; float: left; } #zf-sites-built ul li { position: relative; display: block; float: left; margin: 0; padding: 0; width: 100%; text-align: center; } #zf-sites-built a.control_prev, #zf-sites-built a.control_next { position: absolute; top: 40%; z-index: 999; display: block; width: 73px; height: 73px; text-decoration: none; font-weight: 600; font-size: 18px; opacity: 0.8; cursor: pointer; border-radius: 2px; -webkit-transition: all 0.3s; transition: all 0.3s; } #zf-sites-built a.control_prev { background: url(https://themeisle.com/wp-content/uploads/2016/02/zf-slider-arrow.png) 0 0; left: -80px; } #zf-sites-built a.control_next { background: url(https://themeisle.com/wp-content/uploads/2016/02/zf-slider-arrow.png) -73px 0; right: -80px; } #zf-sites-built:hover a.control_prev { } #zf-sites-built:hover a.control_next { } #zf-sites-built a.control_prev:hover, #zf-sites-built a.control_next:hover { opacity: 1; -webkit-transition: all 0.2s ease; } .zf-sites-built-content .zf-button { float: left; } /* ribbon section */ .zf-ribbon { text-align: center; padding: 35px 0; background: #33436c; background: -webkit-linear-gradient(-45deg, #33436c 0%,#34446d 32%,#4f82ae 100%); background: -webkit-linear-gradient(315deg, #33436c 0%,#34446d 32%,#4f82ae 100%); background: linear-gradient(135deg, #33436c 0%,#34446d 32%,#4f82ae 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33436c', endColorstr='#4f82ae',GradientType=1 ); } .zf-ribbon-title { font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 37px; line-height: 40px; color: #fff; text-transform: uppercase; } .zf-ribbon-text { font-size: 16px; line-height: 24px; color: #fff; font-family: 'Open Sans', sans-serif; font-weight: 400; } .zf-ribbon-button { padding-top: 20px; margin-bottom: 0; } /* testimonials section */ .zf-testimonials { background: #f1f1f1; padding-top: 30px; padding-bottom: 30px; } .zf-section-title-black .zf-section-title-no { color: rgba(122,122,122,.2); } #content .section-header .zf-section-title-black h2.zf-section-title, #content .section-header .zf-section-title-black h2.zf-section-title span { color: #2e2e2e; } .zf-testimonial-box-wrap { float: left; width: 100%; margin-bottom: 25px; } .zf-testimonial-box { float: left; width: 48%; margin: 10px 0; min-height: 300px; } .zf-testimonial-box-wrap .zf-testimonial-box:nth-child(even) { float: right; } .zf-testimonial-box-inner { overflow: hidden; font-size: 16px; line-height: 24px; color: #7a7a7a; font-style: italic; background-image: url(https://themeisle.com/wp-content/uploads/2016/02/zf-quote.png); background-repeat: no-repeat; background-position: 5% 70%; background-color: #fff; padding: 30px 20px; box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.1); } #zf-testimonials > div div.zf-testimonial-box-wrap div div.zf-testimonial-box-inner > img { float: right; margin: 0 0 10px 10px; } #zf-testimonials > div > div.zf-testimonial-box-wrap > div:nth-child(1) > div.zf-testimonial-box-inner, #zf-testimonials > div > div.zf-testimonial-box-wrap > div:nth-child(2) > div.zf-testimonial-box-inner { min-height: 292px; } .zf-testimonial-in { float: right; position: relative; padding-left: 10px; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 16px; color: #2e2e2e; line-height: 35px; } .zf-testimonial-in:before { content: ""; width: 0; height: 0; border-left: 15px solid transparent; border-right: 0px solid transparent; border-top: 15px solid #FFF; position: absolute; left: -20px; top: 0; } .zf-stars { margin-bottom: 0; position: relative; background: url(https://themeisle.com/wp-content/uploads/2016/02/zf-stars.png) no-repeat; width: 121px; height: 20px; background-position: 0 0; float: right; } .zf-stars span { position: absolute; top: -2px; left: 0; width: 100%; height: 100%; background: url(https://themeisle.com/wp-content/uploads/2016/02/zf-stars.png) no-repeat; width: 121px; height: 20px; background-position: 0 -20px; } /* general features section */ .zf-features { } .zf-feature-woocommerce-wrap { background-size: 100% auto; padding-top: 30px; } .zf-features-big-image { margin-left: -15%; margin-right: -15%; width: 130%; float: left; margin-bottom: -27px; } .zf-feature-woocommerce { float: left; clear: left; padding: 140px 0 10px; max-width: 480px; } #content .section-header h2.zf-feature-woocommerce-title, #content .section-header h2.zf-main-top-title { font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 30px; line-height: 40px; text-shadow: none; } .zf-feature-woocommerce img { clear: left; } .zf-feature-woocommerce p { color: #fff; float: left; } .zf-feature-woocommerce-img { margin-bottom: 0; } .zf-feature-responsive-wrap { background-size: cover; padding-bottom: 560px; padding-top: 150px; margin-top: 22px; } .zf-container-flex { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .zf-feature-responsive { max-width: 340px; color: #fff; float: right; display:inline-block; } .zf-feature-responsive-text { clear: left; } .zf-feature-drag-drop-wrap { padding-top: 70px; } #content .section-header h2.zf-feature-drag-drop-title, #content .section-header h2.zf-main-flexibility-content-title { font-family: 'Montserrat', sans-serif; font-weight: 400; color: #2e2e2e; font-size: 30px; line-height: 34px; padding-bottom: 20px; text-shadow: none; text-align: center; text-align: center; width: 100%; } .zf-feature-drag-drop-content { color: #7a7a7a; text-align: center; width: 100%; max-width: 800px; margin: 0 auto; float: none; padding-bottom: 20px; } .zf-feature-drag-drop-img { text-align: center; } .zf-theme-metadata { text-align: center; } .zf-another-feature-box { text-align: center; width: 31.5%; float: left; border: 1px solid #e8e8e8; padding: 15px; min-height: 356px; background-color: #fff; box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.1); } .zf-another-feature-title { font-family: 'Montserrat', sans-serif; font-weight: 400; color: #2e2e2e; } .zf-another-feature-title { font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 20px; line-height: 24px; color: #2e2e2e; margin-bottom: 20px; } .zf-another-feature-content { color: #7a7a7a; margin-bottom: 0; } .zf-another-feature-icon { width: 100%; text-align: center; margin-bottom: 0; padding: 20px 0; } .zf-another-feature .container .zf-another-feature-box:nth-child(3n+1) { margin: 0 1.25% 30px 0; clear: left; } .zf-another-feature .container .zf-another-feature-box:nth-child(3n+2) { margin: 0 1.25% 30px 1.25%; } .zf-another-feature .container .zf-another-feature-box:nth-child(3n) { margin: 0 0 30px 1.25%; } .zf-another-feature { margin-top: 50px; } /* zerif pro main features */ .zf-main-features-wrap { background: url(https://res.cloudinary.com/vertigo-studio-srl/image/upload/v1456851086/zf-main-features-bg_yw4w36.jpg) top center no-repeat #fff; background-size: 100%; margin-top: -125px; padding-top: 225px; padding-bottom: 165px; } .zf-main-top-wrap { max-width: 700px; margin-left: auto; margin-right: auto; float: none; text-align: center; color: #fff; } .zf-main-top-content { width: 100%; float: left; } #content .section-header h2.zf-main-top-title { width: 100%; } .zf-main-features-box { float: left; width: 100%; } .zf-main-features-box > p { text-align: center; width: 20%; padding: 10px 4%; color: #fff; display: inline-block; vertical-align: top; float: left; padding-top: 105px; background-position: center 0; background-repeat: no-repeat; margin-top: 30px; } .zf-main-features-box > p.zf-main-support { background-image: url(https://themeisle.com/wp-content/uploads/2016/02/zf-icon-help-desk.png); } .zf-main-features-box > p.zf-main-tickets { background-image: url(https://themeisle.com/wp-content/uploads/2016/02/zf-icon-tickets.png); } .zf-main-features-box > p.zf-main-themes { background-image: url(https://themeisle.com/wp-content/uploads/2016/02/zf-icon-themes.png); } .zf-main-features-box > p.zf-main-forum { background-image: url(https://themeisle.com/wp-content/uploads/2016/02/zf-icon-forum.png); } .zf-main-features-box > p.zf-main-video { background-image: url(https://themeisle.com/wp-content/uploads/2016/02/zf-icon-video.png); } .zf-main-parallax-wrap { margin-top: -165px; padding-bottom: 30px; } .zf-main-parallax-img { width: 120%; margin-left: -10%; } .zf-main-flexibility-wrap { background-color: #f1f1f1; } .zf-child-theme { width: 100%; } .zf-child-theme ul { width: 100%; float: left; padding: 0; margin: 0; text-align: center; } .zf-child-theme ul li { display: inline-block; width: 33%; padding: 10px; text-align: center; } .zf-child-theme ul li img { box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.1); } .zf-child-theme ul li a { color: #2e2e2e; font-size: 16px; line-height: 25px; font-weight: bold; text-decoration: none; } .zf-child-theme ul li a:hover { color: #c33a1e; } .zf-main-flexibility-text { width: 100%; float: left; text-align: center; } #content .section-header h2.zf-main-flexibility-content-title { display: inline-block; padding-bottom: 5px; } .zf-main-flexibility-content-wrap { width: 100%; } .zf-main-flexibility-content-text { color: #7a7a7a; } .zf-main-flexibility-wrap { padding: 50px 0; } .zf-main-flexibility-box-wrap { float: left; width: 100%; } .zf-main-flexibility-box { width: 49%; min-height: 200px; padding: 40px 15px 40px 125px; margin-top: 70px; float: left; background-color: #fff; box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.1); } .zf-main-flexibility-title { font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 20px; line-height: 24px; color: #2e2e2e; } .zf-main-flexibility-box-wrap .zf-main-flexibility-box:nth-child(odd) { margin-right: 1%; background-image: url(https://themeisle.com/wp-content/uploads/2016/02/zf-icon-easily-add.png); background-repeat: no-repeat; background-position: 10px center; } .zf-main-flexibility-box-wrap .zf-main-flexibility-box:nth-child(even) { margin-left: 1%; background-image: url(https://themeisle.com/wp-content/uploads/2016/02/zf-icon-compatibility.png); background-repeat: no-repeat; background-position: 10px center; } .zf-main-flexibility-content { margin-bottom: 0; } /* featured on section */ .zf-featured-on { padding: 100px 0 100px 0; } .zf-featured-on-content { float: right; max-width: 650px; } .zf-featured-on-content-text { color: #7a7a7a; font-style: italic; line-height: 30px; } .zf-featured-on-content-title { font-size: 20px; line-height: 24px; color: #2e2e2e; font-family: 'Montserrat', sans-serif; font-weight: 400; } .zf-featured-on-logos { float: left; width: 100%; text-align: center; padding-top: 30px; } .zf-featured-on-logos a { display: inline-block; float: none; vertical-align: top; background-image: url("images/zf-featured-logos.png"); background-repeat: no-repeat; margin: 10px 2px; } .zf-featured-on-logos a.zf-featured-logo-depot { width: 300px; height: 70px; background-position: -9px -80px; } .zf-featured-on-logos a.zf-featured-logo-wpbeginer { width: 298px; height: 80px; background-position: -318px -82px; } .zf-featured-on-logos a.zf-featured-logo-metrics { width: 315px; height: 70px; background-position: -622px -95px; } .zf-featured-on-logos a.zf-featured-logo-tavern { width: 293px; height: 70px; background-position: -938px -82px; } .zf-featured-on-logos a.zf-featured-logo-forbs { width: 231px; height: 70px; background-position: -1260px -90px; } /* buy zerif */ .zf-buy-zerif { position: relative; padding-top: 145px; margin-top: -100px; padding-bottom: 30px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#39517b+2,5289b5+100 */ background: #39517b; /* Old browsers */ /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #39517b 2%,#5289b5 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-linear-gradient(315deg, #39517b 2%,#5289b5 100%); background: linear-gradient(135deg, #39517b 2%,#5289b5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#39517b', endColorstr='#5289b5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } #zf-buy-zerif > div > .zf-section-title-wrap > img { right: 0; top: 20px; position: absolute; } .zf-buy-zerif-text { width: 100%; max-width: 700px; float: left; } .zf-buy-zerif-text, .zf-buy-zerif-text p { color: #fff; } .zf-buy-zerif-payment { width: 100%; float: left; padding-top: 30px; } .zf-buy-zerif-payment-old { width: 100%; float: left; padding-bottom: 30px; } .zf-ssl { float: left; } .zf-payment-icons { float: right; } .zf-buy-zerif-package { padding-top: 30px; float: left; width: 100%; } .zf-buy-zerif-oblique { position: absolute; top: 0; width: 100%; height: 130px; background: url(https://themeisle.com/wp-content/uploads/2016/02/zf-white-oblique.png) no-repeat; background-size: cover; } /* New Header for Product Landing page */ .new-top-header { position: relative; color: #494949; min-height: 600px; padding: 110px 0 50px; background-position: right; background-repeat: no-repeat; background-color: #ededed; } .new-top-header h1 { font-weight: 700; text-transform: uppercase; font-size: 41px; letter-spacing: 1px; margin-bottom: 8px; } .new-top-header h1 sup { vertical-align: 17px; font-weight: 300; color: #3aa9e2; font-size: 18px; } .new-top-header p { font-size: 16px; margin: 25px 0 50px; line-height: 30px; max-width: 555px; } .new-top-header p span{ color: #3aa9e2; } .new-top-header .characteristics { margin-bottom: 22px; } .new-top-header .characteristics li { color: #3aa9e2; padding: 5px 13px; display: inline-block; font-size: 21px; line-height: 14px; border-right: 1px solid #494949; letter-spacing: 0.7px; opacity: 0; } .new-top-header .characteristics li:first-child { padding-left: 0; } .new-top-header .characteristics li:last-child { padding-right: 0; border-right: none; } .new-top-header .features { margin-bottom: 47px; } .new-top-header .features li { font-size: 16px; line-height: 25px; margin: 0; } .new-top-header .features li:before { content: ''; display: inline-block; width: 5px; height: 11px; border: solid #3ba8e2; border-width: 0 4px 4px 0; border-radius: 1px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); left: 3px; position: relative; margin-right: 19px; } .new-top-header .buttons { padding-top: 18px; } .new-top-header .video-link { font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; padding: 10px 0; font-size: 18px; color: #494949; text-decoration: none; } .new-top-header .video-link:before { background: url("images/play_btn.png") no-repeat transparent; background-size: contain; width: 26px; height: 18px; content: ' '; display: inline-block; position: relative; top: 2px; } .new-top-header .video-link:hover { opacity: .75; color: #494949; } .new-top-header .demo-button { padding: 10px 25px; font-size: 18px; text-transform: uppercase; background: #dbdbdb; font-weight: 300; color: #494949; border-radius: 5px; margin-left: 20px; text-decoration: none; } .new-top-header .demo-button:hover { opacity: .75; } .new-top-header .buy-button { padding: 10px 25px; font-size: 18px; text-transform: uppercase; background: #a0d468; font-weight: 300; color: #fff; border-radius: 5px; margin-left: 15px; text-decoration: none; text-shadow: none; } .new-top-header .buy-button:hover { border:none; opacity: .75; background: #a0d468; } .new-top-header .logos { margin-top: 100px; } .new-top-header .logos span { margin-left: 25px; display: inline-block; float: none; background: url("images/zf-featured-logos.png") no-repeat; } .new-top-header .logos span:first-child { margin-left: 0; } .new-top-header .logos .adobe { width: 90px; height: 25px; background-size: 470px; background-position: -8px 0px; } .new-top-header .logos .smashing { width: 92px; height: 25px; background-size: 425px; background-position: -86px 2px; } .new-top-header .logos .wptavern { width: 100px; height: 23px; background-size: 470px; background-position: -195px -4px; } .new-top-header .logos .wpbeginner { width: 110px; height: 26px; background-size: 510px; background-position: -318px 0; } .new-top-header .logos .forbes { width: 90px; height: 26px; background-size: 475px; background-position: -396px 0; } @media( max-width: 1400px ) { .new-top-header { background-size: contain; } .new-top-header p { max-width: 485px; } } @media( max-width: 992px ) { .new-top-header { padding: 50px; min-height: inherit; background-size: cover; } .new-top-header:after { background-color: rgba(237, 237, 237, 0.95); content: ' '; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; } .new-top-header .container { z-index: 1; } } @media( max-width: 769px ) { .new-top-header { padding: 50px; } .new-top-header .container { width: auto; } .new-top-header .container ul { margin-bottom: 10px; } .new-top-header .characteristics li { font-size: 18px; } .new-top-header .buttons a { display: inline-block; width: auto; margin-bottom: 25px; height: auto; font-size: 16px } .new-top-header .video-link { padding: 16px 0; } .new-top-header .logos { margin-top: 20px; } } @media (max-width: 480px) { .new-top-header .logos, .new-top-header h1, .new-top-header .characteristics { text-align: center; } .new-top-header .features { display: none; } .new-top-header .logos span { margin-left: 0; margin-bottom: 10px; } .new-top-header .buttons { text-align: center; } .new-top-header .buttons a { margin-left: 0; display: inherit; } } /* /End New Header for Product Landing page */ #free_pro table { text-align : center; width : 100%; background-color : rgb(254, 254, 254); font-family : Montserrat, sans-serif; } #free_pro thead tr th { background-color : rgb(79, 130, 174); text-align : center; padding-top : 10px; padding-right : 0px; padding-bottom : 10px; padding-left : 0px; color : rgb(255, 255, 255); border-top-width : 1px; border-right-width : 1px; border-bottom-width : 1px; border-left-width : 1px; border-top-style : solid; border-right-style : solid; border-bottom-style : solid; border-left-style : solid; border-top-color : rgb(238, 238, 238); border-right-color : rgb(238, 238, 238); border-bottom-color : rgb(238, 238, 238); border-left-color : rgb(238, 238, 238); font-size : 20px; } #free_pro tr td { border-top-width : 1px; border-right-width : 1px; border-bottom-width : 1px; border-left-width : 1px; border-top-style : solid; border-right-style : solid; border-bottom-style : solid; border-left-style : solid; border-top-color : rgb(238, 238, 238); border-right-color : rgb(238, 238, 238); border-bottom-color : rgb(238, 238, 238); border-left-color : rgb(238, 238, 238); border-image-source : initial; border-image-slice : initial; border-image-width : initial; border-image-outset : initial; border-image-repeat : initial; vertical-align : middle; } #free_pro tr td:first-child { text-align : left; padding-top : 10px; padding-right : 0px; padding-bottom : 0px; padding-left : 20px; } #free_pro tr td h3 { font-size : 20px; } #free_pro tr td p { color : rgb(85, 85, 85); } #free_pro tr td:nth-child(2), #free_pro tr td:nth-child(3) { width : 12%; } #free_pro .only-lite { color : green; } #free_pro .only-pro { color : red; } #content.download-page .zf-pricing-tables { float: left; } .side-nav{position:fixed;top:25%; right: -150px; background-color: #fff; border-top-left-radius: 3px; border-bottom-left-radius: 3px; padding: 8px 0; z-index: 1000;-webkit-transition: all .5s;transition: all .5s; box-shadow: 0 0 10px -3px rgba(0,0,0,0.75);} .side-nav ul{margin:0;padding:0;list-style:none;} .side-nav .side-nav-separator{background:#fcfcfc;margin:0 auto;} .side-nav .side-nav-separator span{border-top:1px solid #c8c8c8;background-color:#fcfcfc;width:75%;height:0;display:block;position:static;margin:0 auto;} .side-nav li {margin: 0;} .side-nav li a span{-webkit-transition:all .3s ease;transition: all .3s ease;} .side-nav li a:hover>.dot{background-color:#ff6849;} .side-nav li a:hover>.side-nav-menu-item{color:#ff6849;} .side-nav a{position:relative;display: inline-block; text-align: center; cursor: pointer; padding: 6px 10px; } .side-nav li:last-child{border-bottom-left-radius: 3px;} .side-nav li:first-child{border-top-left-radius: 3px;} .side-nav .dot{height: 12px; width: 12px; border-radius: 50%; border: 3px solid transparent; position: static; margin: 0 auto; background-color: #39517b;} .side-nav li.active .dot{background-color:#ff6849;border-color: #39517b;} .side-nav li.active .side-nav-menu-item { color:#ff6849;} .side-nav span{display:inline-block;position:relative;right:130%;} .side-nav .side-nav-menu-item { position: absolute; display: block; color: #abc0e0; text-transform: uppercase; white-space: nowrap; z-index: 999; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; font-weight: bold; font-size: 13px; margin-bottom: 1px; bottom: 24%;} /* fix for pirate club join. */ /* Media Queries Responsive */ /* Small Devices, Tablets */ @media only screen and (max-width : 768px) { .zf-header-oblique, .zf-feature-woocommerce-wrap, .zf-main-features-wrap { background: none; } .zf-header, .zf-main-features-wrap, .zf-feature-woocommerce-wrap { background: #33436c; background: -webkit-linear-gradient(-45deg, #33436c 0%,#34446d 32%,#4f82ae 100%); background: -webkit-linear-gradient(315deg, #33436c 0%,#34446d 32%,#4f82ae 100%); background: linear-gradient(135deg, #33436c 0%,#34446d 32%,#4f82ae 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33436c', endColorstr='#4f82ae',GradientType=1 ); } .zf-header-oblique, .zf-amazing-websites, .zf-sites-built-img > img { display: none; } #zf-testimonials > div > div.zf-testimonial-box-wrap > div:nth-child(3), #zf-testimonials > div > div.zf-testimonial-box-wrap > div:nth-child(4), #zf-testimonials > div > div.zf-testimonial-box-wrap > div:nth-child(5), #zf-testimonials > div > div.zf-testimonial-box-wrap > div:nth-child(6) { display: none; } .zf-testimonial-in { margin-left: 30px; } .zf-testimonial-in:before { left: -10px; } .zf-feature-woocommerce { padding: 20px 0 10px; text-align: center; } .zf-header-image { float: none; margin-right: 0; } .zf-header-image img{ max-width: 100%; margin-left: 0; } .zf-header-image-inner{ margin-left: 0; } .zf-header { padding: 0px 0 30px; } .zf-header-info{ width: 100%; } #content .section-header h2.zf-section-title { position: absolute; margin-left: 0; } #content .section-header h2.zf-section-title span { position: relative; } .zf-testimonial-box { float: none; width: auto } .zf-feature-responsive { background-color: rgba(0,0,0,0.75); padding: 30px; text-align: center; max-width: 430px } .zf-feature-responsive-wrap { padding-bottom: 100px; padding-top: 100px; margin-top: 0; } #content .section-header h2.zf-feature-woocommerce-title { float: none; } .zf-testimonial-box-wrap { margin-top: 40px; } .zf-another-feature-box { float: none; width: 100%; margin: 10px 0 !important; min-height: auto; } .zf-main-features-wrap { padding-top: 100px; } .zf-main-features-box > p { width: 50%; } .zf-main-features-box > p.zf-main-video { width: 100%; } .zf-section-title-no { margin-left: 0; } .zf-child-theme ul li { width: 50%; } .zf-main-flexibility-box { width: 100%; margin: 10px 0 !important; } .zf-featured-on { padding-top:50px; padding-bottom: 100px; } .zf-featured-on-logos a { margin-bottom: 20px; } .zf-ssl { width: 100%; text-align: center; margin-bottom: 50px; } .zf-payment-icons { text-align: center; float: none; } } /* Extra Small Devices, Phones */ @media only screen and (max-width : 480px) { } /* Custom, iPhone Retina */ @media only screen and (max-width : 320px) { } .themeisle-subscription-cancel strong ,.themeisle-subscription-cancel{ color:#189ac4; } #zf-buy-zerif .themeisle-subscription-cancel strong, #zf-buy-zerif .themeisle-subscription-cancel{ color:#fff; } .themeisle-subscription-cancel{ height: auto; display: inline-block; width: 100%; text-align: center; font-size: 120%; margin-top: 10px; } #pricing-single .price small{ font-size:48%; color:#737373; } .page-template-page-pricing-php .edd_purchase_submit_wrapper a.edd_go_to_checkout{ margin: auto; float: none; display: inline-block; } .page-template-page-pricing-php .pricing .pricing-tables .edd_purchase_submit_wrapper .edd-add-to-cart.edd-has-js { margin-left:0px; } .page-template-page-pricing-php .edd_purchase_submit_wrapper { text-align: center; } .page-template-page-pricing-php .themeisle-subscription-cancel strong, .page-template-page-pricing-php .themeisle-subscription-cancel{ color:#929292; } .page-template-page-pricing-php small.themeisle-subscription { font-size: 18px; letter-spacing: normal; } small.themeisle-subscription { display:none; } #edd_login_form #edd_login_submit { display: inline; } /* Yearly Switch */ .ti-yearly-switch .toggle-input { max-height: 0; max-width: 0; opacity: 0; } .ti-yearly-switch .toggle-input + label:hover:after { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .ti-yearly-switch .toggle-input + label { cursor: pointer; display: block; position: relative; text-indent: -5000px; height: 30px; width: 50px; border-radius: 15px; background: #cae2ef; box-shadow: inset 0 0 0 2px #2997c4;} .ti-yearly-switch .toggle-input + label:before { content: ''; position: absolute; display: block; height: 30px; width: 30px; top: 0; left: 0; border-radius: 15px; -webkit-transition:.25s ease-in-out; transition: .25s ease-in-out; background: #3caad4; box-shadow: inset 0 0 0 2px #2997c4; } .ti-yearly-switch .toggle-input + label:after { content: ''; position: absolute; display: block; height: 26px; width: 26px; top: 2px; left: 2px; border-radius: 15px; background: #fff; box-shadow: 0 0 0 2px #2997c4; -webkit-transition:.25s ease-in-out; transition: .25s ease-in-out; } .ti-yearly-switch .toggle-input:checked + label:before { width: 50px; } .ti-yearly-switch .toggle-input:checked + label:after { left: 22px; } .ti-yearly-switch { padding: 5px 0 5px; font-size: 20px; font-weight: 600; display: table; text-align: center; margin: 0 auto 0; } .ti-yearly-switch > span, .ti-yearly-switch > label { display: table-cell; vertical-align: middle; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; padding: 0 10px; } .ti-yearly-switch > span { line-height: 73px; padding: 0 30px; color: #2997c4; opacity: .75; cursor: pointer; } .ti-yearly-switch > span.active { opacity: 1; } .pricing-tables .toggle-price { display: none; } .zf-pricing-tables .ti-yearly-switch .toggle-input + label { background: #d3dae5; box-shadow: inset 0 0 0 2px #8dc153; } .zf-pricing-tables .ti-yearly-switch .toggle-input + label:before { background: #a0d467; box-shadow: inset 0 0 0 2px #8dc153; } .zf-pricing-tables .ti-yearly-switch .toggle-input + label:after { box-shadow: 0 0 0 2px #8dc153; } .zf-pricing-tables .ti-yearly-switch > span { color: #fff; } .features-box-editor { margin: 20px; border: 1px solid #ccc; border-radius: 5px; } .features-box-editor-header { padding: 10px; border-bottom: 1px solid #ccc; background: #f2f2f2; /* Old browsers */ /* FF3.6-15 */ background: -webkit-linear-gradient(top, #f2f2f2 0%,#ddd 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2),to(#ddd)); background: linear-gradient(to bottom, #f2f2f2 0%,#ddd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ text-align: center; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */ } .features-box-editor-header h3 { margin: 0; } .features-box-body { padding: 5px 0; } .features-box-list { margin: 0; padding: 0; list-style: none; } .features-box-list li { padding: 2px 30px; border-bottom: 1px solid #ccc; font-size: 16px; } .features-box-list li:last-child { border: none; } .modal-changelog-wrapper pre { word-wrap: break-word; } .modal-changelog-wrapper .modal-header { position: absolute; top: 10px; right: 0; right: 25px; width: 10px; height: 10px; padding: 10px; border: none; background: none; font-size: 25px; font-weight: bold; cursor: pointer; } .modal-changelog { position: absolute; top: 100px; left: 20%; width: 62%; padding: 3%; background: #ccc; } #main-content .account-panes > .modal-wrapper .modal-content .manage-sites-list > li { display: none; } #main-content .account-panes > .modal-wrapper .modal-content .manage-sites-list > li:first-child, #main-content .account-panes > .modal-wrapper .modal-content .manage-sites-list > li:first-child + li { display: block; } /* My Purchases Modal =======================================================*/ #main-content .account-panes > .modal-wrapper { display: none; overflow: auto; position: fixed; z-index: 1040; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.75); } #main-content .account-panes > .modal-wrapper .manage-sites-modal { position: absolute; top: 50%; left: 50%; width: 380px; border: 1px solid #ccc; background-color: #f5f5f7; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.25); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #main-content .account-panes > .modal-wrapper .manage-sites-modal .modal-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; clear: both; padding: 10px; border-bottom: 1px solid #ccc; background-color: #ddd; -webkit-align-items: center; align-items: center; -webkit-box-align: center; -ms-flex-align: center; } #main-content .account-panes > .modal-wrapper .manage-sites-modal .modal-header .close-modal { display: inline-block; float: right; overflow: hidden; width: 14px; height: 14px; margin-left: auto; color: transparent; background: url("images/modal_remove_item_sprite.png") no-repeat; text-indent: -9999px; } #main-content .account-panes > .modal-wrapper .manage-sites-modal .modal-header .close-modal:hover { background-position: -14px 0; } #main-content .account-panes > .modal-wrapper .modal-content { padding: 20px 30px; } #main-content .account-panes > .modal-wrapper .modal-content input[type="search"].manage-sites-search { width: 100%; height: 30px; font-size: 16px; } #main-content .account-panes > .modal-wrapper .modal-content .manage-sites-list { margin: 0; padding: 0; list-style: none; } #main-content .account-panes > .modal-wrapper .modal-content .manage-sites-list > li { display: block; width: 100%; margin-top: 20px; border-bottom: 1px solid #ccc; } #main-content .account-panes > .modal-wrapper .modal-content .manage-sites-list > li:last-child { border-bottom: none; } #main-content .account-panes > .modal-wrapper .modal-content .manage-sites-list li ul { display: block; margin: 0; padding: 0; } #main-content .account-panes > .modal-wrapper .modal-content .manage-sites-list li ul li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; margin: 10px 0; font-family: sans-serif; font-size: 14px; -webkit-align-items: center; align-items: center; -webkit-box-align: center; -ms-flex-align: center; } #main-content .account-panes > .modal-wrapper .modal-content .manage-sites-list li ul li .site-address { color: #333; text-decoration: none; } #main-content .account-panes > .modal-wrapper .modal-content .manage-sites-list li ul li .site-address:hover { color: #3ba1c7; } #main-content .account-panes > .modal-wrapper .modal-content .manage-sites-list li ul li .deactivate-license { display: inline-block; overflow: hidden; width: 14px; height: 14px; margin-left: auto; color: transparent; background: url("images/modal_remove_item_sprite.png") no-repeat; text-align: left; text-indent: -9999px; } #main-content .account-panes > .modal-wrapper .modal-content .manage-sites-list li ul li .deactivate-license:hover { background-position: -14px 0; } #main-content .account-panes > .modal-wrapper .modal-content .manage-sites-list li h6 { display: inline-block; overflow: hidden; max-width: 260px; color: #333; font-family: sans-serif; font-size: 14px; font-weight: bold; line-height: 15px; text-overflow: ellipsis; } #main-content .account-panes > .modal-wrapper .modal-content .manage-sites-list li .manage-product-name { color: #333; } #main-content .account-panes > .modal-wrapper .modal-content .manage-sites-list li .manage-product-use { float: right; position: relative; margin-left: 20px; color: #555; } #main-content .account-panes > .modal-wrapper .modal-content .manage-sites-list li .site-address { overflow: hidden; max-width: 300px ; line-height: 15px; } #main-content .account-panes > .modal-wrapper .modal-content .manage-sites-list li .manage-product-use.low-use { color: #8dc153; } #main-content .account-panes > .modal-wrapper .modal-content .manage-sites-list li .manage-product-use.medium-use { color: #fdb81b; } #main-content .account-panes > .modal-wrapper .modal-content .manage-sites-list li .manage-product-use.full-use { color: #c4432a; } /*Purchase history v2 =======================================================*/ .purchases-border { margin-top: 30px; padding-top: 30px; border-top: 1px solid #e8eaeb; } #main-content .your-account .page .inner-wrapper header { display: inline-block; width: 100%; } #main-content .your-account .page .inner-wrapper header h3 { color: #333; font-size: 36px; } #main-content .your-account .page .inner-wrapper header p, #main-content .your-account .page .inner-wrapper .offer-plans p { color: #999; font-size: 14px; } #main-content .your-account .page .inner-wrapper header p span { font-weight: bold; } #main-content .your-account .page .inner-wrapper header .plan-heading { float: left; } #main-content .your-account .page .inner-wrapper header a:hover { color: #8dc153; background: url("images/manage-sites.png") no-repeat left -44px; } #main-content .your-account .page .inner-wrapper header a { float: right; padding-left: 23px; color: #9b9b9b; background: url("images/manage-sites.png") no-repeat left 0; font-weight: bold; font-weight: bold; text-decoration: none; } #main-content .your-account .page .inner-wrapper .offer-plans .purchase-plan-left, #main-content .your-account .page .inner-wrapper .offer-plans .purchase-plan-right { display: inline-block; width: 48%; height: auto; padding: 20px; border: 1px solid #c7c7c7; border-radius: 10px; vertical-align: middle; } #main-content .your-account .page .inner-wrapper .offer-plans .purchase-plan-left { width: 48%; margin-right: 2%; } #main-content .your-account .page .inner-wrapper .offer-plans .highlighted-plan { border-color: #cb6956; } #main-content .your-account .page .inner-wrapper .offer-plans { clear: both; width: 100%; } #main-content .your-account .page .inner-wrapper .offer-plans .plan-price { float: right; font-size: 18px; font-weight: bold; } #main-content .your-account .page .inner-wrapper .offer-plans .plan-price span { color: #ff7f66; } #main-content .your-account .page .inner-wrapper .offer-plans .plan-title { display: inline-block; font-size: 18px; font-weight: bold; } #main-content .your-account .page .inner-wrapper .offer-plans div ul { margin: 0; margin-bottom: 20px; padding: 0; } #main-content .your-account .page .inner-wrapper .offer-plans div ul li { display: inline-block; margin: 0; padding: 0; vertical-align: top; } #main-content .your-account .page .inner-wrapper .offer-plans div ul li::before { display: inline-block; margin-right: 5px; padding: 3px; color: orange; background-color: white; content: "+"; } #main-content .your-account .page .inner-wrapper .offer-plans button.button-purchases { display: inline-block; width: 130px; height: 35px; margin-bottom: 0; color: #fff; background-image: none; text-shadow: 0 1px 2px rgba(150, 150, 150, 0.35); font-size: 14px; text-transform: uppercase; } #main-content .your-account .page .inner-wrapper .offer-plans button.button-purchases.upgrade { border-color: #cb6956; background-color: #ff7f66; } #main-content .your-account .page .inner-wrapper .offer-plans button.button-purchases.renew { border-color: #3ba1c7; background-color: #4abce7; } #main-content .your-account .page .inner-wrapper .offer-plans button.button-purchases.upgrade:hover, #main-content .your-account .page .inner-wrapper .offer-plans button.button-purchases.renew:hover { opacity: 0.8; } #main-content .your-account .page .inner-wrapper .offer-plans .plan-box-content img.pirate-club { float: right; margin-right: -30px; } #main-content .your-account .page .inner-wrapper .offer-plans .plan-box-content img.treasure-chest { float: right; margin-right: -30px; } #main-content .your-account .page .inner-wrapper .purchases-table { width: 100%; margin-bottom: 30px; border: 1px solid #c7c7c7; } #main-content .your-account .page .inner-wrapper .my-purchases-table-search { float: right; } .purchases-search-input { height: 25px; padding-left: 30px; border: 1px solid #ccc; background: url(images/purchases-search.png) #fff no-repeat scroll 5px 2px; } .purchases-search-input:focus { background: url(images/purchases-search.png) #fff no-repeat scroll 5px -40px; } #main-content .your-account .page .inner-wrapper .purchases-header { margin: 30px 0 15px 0; font-size: 18px; font-weight: 600; } #main-content .your-account .page .inner-wrapper .purchases-table .licenses-list { width: 100%; margin: 0 auto; border: 1px solid #c7c7c7; border-radius: 3px; background-color: #fbfbfb; } #main-content .your-account .page .inner-wrapper .purchases-table .licenses-list li { margin-bottom: 0; border-bottom: 1px solid #c7c7c7; text-align: center; } #main-content .your-account .page .inner-wrapper .purchases-table .licenses-list.three-items li:first-child { border-bottom: 1px solid #c7c7c7; } #main-content .your-account .page .inner-wrapper .purchases-table .licenses-list.three-items li:last-child, #main-content .your-account .page .inner-wrapper .purchases-table .licenses-list.two-items li:last-child { border-bottom: none !important; } #main-content .your-account .page .inner-wrapper .purchases-table .licenses-list li h5 { float: right; margin-right: 20px; padding-left: 20px; border-left: 1px solid #c7c7c7; font-size: 14px; font-weight: bold; line-height: 20px; text-align: center; } #main-content .your-account .page .inner-wrapper .purchases-table .licenses-list.three-items li p { min-width: 250px; line-height: 20px; text-align: center; } #main-content .your-account .page .inner-wrapper .purchases-table td { padding: 15px 30px; border-bottom: 1px solid #c7c7c7; vertical-align: middle; } #main-content .your-account .page .inner-wrapper .purchases-table tr:last-child { color: #333; font-size: 25px; font-weight: bold; text-align: center; } #main-content .your-account .page .inner-wrapper .purchases-table tr#view-more td { padding: 20px; text-align: center; } #main-content .your-account .page .inner-wrapper .purchases-table tr#view-more td a { color: #9b9b9b; font-weight: bold; text-decoration: none; } #main-content .your-account .page .inner-wrapper .purchases-table tr#view-more td a:hover { color: #8dc153; text-decoration: none; } #main-content .your-account .page .inner-wrapper .purchases-theme-name { max-width: 200px; margin-top: 11px; font-size: 16px; font-weight: bold; } #main-content .your-account .page .inner-wrapper .purchases-changelog, #main-content .your-account .page .inner-wrapper .purchases-changelog a { color: #a9a9a9; font-size: 12px; } #main-content .your-account .page .inner-wrapper .purchases-changelog a:hover { color: #8dc153; } #main-content .your-account .page .inner-wrapper .purchases-table td ul li p, #main-content .your-account .page .inner-wrapper .purchases-table td ul li h5 { display: inline-block; margin-bottom: 0; color: #999; } #main-content .your-account .page .inner-wrapper .purchases-table td ul li h5.low-use { color: #8dc153; } #main-content .your-account .page .inner-wrapper .purchases-table td ul li h5.full-use { color: #c4432a; } #main-content .your-account .page .inner-wrapper .purchases-table td ul li h5.medium-use { color: #fdb81b; } #main-content .your-account .page .inner-wrapper .purchases-table td a.purchases-documentation-button { float: left; padding-left: 23px; color: #9b9b9b; background: url("images/documentation.png") no-repeat left 2px; font-weight: bold; font-weight: bold; text-decoration: none; } #main-content .your-account .page .inner-wrapper .purchases-table td a.purchases-documentation-button:hover { color: #8dc153; background: url("images/documentation.png") no-repeat left -41px; } #main-content .your-account .page .inner-wrapper .purchases-table td a.purchases-download-button { float: right; padding-left: 23px; color: #9b9b9b; background: url("images/download_2.png") no-repeat left 3px; font-weight: bold; font-weight: bold; text-decoration: none; } #main-content .your-account .page .inner-wrapper .purchases-table td a.purchases-download-button:hover { color: #8dc153; background: url("images/download_2.png") no-repeat left -44px; } p.purchases-changelog { margin-bottom: 5px; } p.purchases-installation a:hover { color: #8dc153; } p.purchases-installation a { color: #0093e4; text-decoration: none; } p.purchases-installation { margin-bottom: 0; font-size: 12px; font-weight: bold; } .modal-changelog > p { font-size: 14px; font-weight: bold; } .modal-changelog > ul > li h3, .modal-changelog > ul > li h1 { margin-bottom: 5px; font-size: 100%; line-height: 18px; } .modal-changelog > ul > li { margin-bottom: 5px; } .modal-changelog > ul { padding-left: 36px; list-style-type: circle; } p.loading-licenses { width: 100%; } @media (min-width:959px) { p.loading-licenses { width: 321px; } } p.loading-licenses { margin: 0; color: #9b9b9b ; } @media only screen and (max-width: 480px) { #main-content .your-account .page .inner-wrapper .purchases-table .licenses-list li h5 { float: none; padding: 0 ; border-left: none ; } #main-content .your-account .page .inner-wrapper .purchases-theme-name { max-width: none; } } #main-content .account-panes > .modal-wrapper .manage-sites-modal { top: 10%; left: 50%; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); transform: translate(-50%,0); } .modal-changelog .modal-header { display: inline-block; overflow: hidden; top: 25px; width: 14px; height: 14px; margin-left: auto; padding: 0; color: transparent; background: url("images/modal_remove_item_sprite.png") no-repeat; text-indent: -9999px; } .modal-changelog .modal-header:hover { background-position: -14px 0; } .modal-changelog { color: #555; background: #f5f5f7; } .modal-changelog h3 { color: #0093e4; font-size: 16px; font-weight: bold; } .modal-changelog p { margin-bottom: 10px; color: #999; font-size: 14px; } .modal-changelog ul { margin-bottom: 30px; padding-left: 30px; color: #333; font-size: 12px; list-style: square; } .plugin-presentation .action-panel form input[type="radio"] { display: block; position: absolute; z-index: -1; } /**************************************************/ /**** Support box notice - added on 26.02.2016 ***/ /*************************************************/ #bbpress-forums .support-tip-box { padding: 20px; border: 1px solid #8dc153; border-radius: 5px; color: #565656; background-color: #f3f9ed; font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; } .single-forum #bbpress-forums .support-tip-box, .single-topic #bbpress-forums .support-tip-box { margin: 40px 0 25px 0; } .support-tip-box h5 { height: 27px; margin-bottom: 15px; padding-left: 40px; background-image: url("../themeIsle/images/bulb.png"); background-repeat: no-repeat; background-position: left center; font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 14px; } .support-tip-box p { margin: 25px 0 0 0 !important; padding-left: 40px; background-image: url("../themeIsle/images/notice.png"); background-repeat: no-repeat; background-position: left center; font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 12px !important; font-weight: normal !important; } .support-tip-box ul.support-tib-box-tips li:before { content: "- "; } .support-tip-box ul.support-tib-box-tips li { line-height: 20px; } #bbpress-forums .support-tip-box a { color: #ff7f66; text-decoration: underline; } /*#menu-item-4635 > .sub-menu{ margin-top: 14px; }*/ .sticky .ti-topic { display: none; } .ti-topic-answered { color: #888; font-size: 9px; letter-spacing: 0.5px; } .ti-topic-new { color: #ff7f66; font-size: 9px; } ti-topic:after { content: " "; } /* Modal Checkout */ .switch { position: relative; width: 228px; height: 27px; margin: 20px auto; border-radius: 3px; background-color: #b1b1b1; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1); } .switch-label { float: left; position: relative; z-index: 2; width: 112px; color: #fff; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); font-size: 14px; line-height: 27px; text-align: center; cursor: pointer; } .switch-label-off { padding-left: 2px; } .switch-label-on { padding-right: 2px; } .switch-input { display: none; } .switch-input:checked + .switch-label-on ~ .switch-selection { left: 112px; } .switch-selection { display: block; position: absolute; z-index: 1; top: 1px; left: 1px; width: 115px; height: 25px; border-radius: 3px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2); -webkit-transition: left 0.15s ease-out; transition: left 0.15s ease-out; } .switch .switch-selection { background-color: #c4bb61; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #44b0e7), color-stop(100%, #3198de)); background-image: -webkit-linear-gradient(top, #44b0e7, #3198de); background-image: -webkit-gradient(linear, left top, left bottom, from(#44b0e7), to(#3198de)); background-image: linear-gradient(to bottom, #44b0e7, #3198de); } .modal .form-section li.company-checked { /*display:none;*/ } .modal-wrapper { overflow: auto; position: fixed; z-index: 9999;; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.75); } .modal-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 10px; border-bottom: 1px solid #e6e6e8; border-top-left-radius: 7px; border-top-right-radius: 7px; background-color: #f0f0f2; -webkit-align-content: center; align-content: center; -ms-flex-line-pack: center; } .modal-header-title { position: absolute; margin-left: 80px; color: #969696; font-size: 12px; font-weight: bold; line-height: 14px; } .modal-header .close-modal { display: table; overflow: hidden; width: 14px; height: 14px; margin-left: 255px; color: transparent; background: url("images/exit_modal.png") no-repeat; line-height: 14px; text-align: left; text-indent: -9999px; } .modal-header .close-modal:hover { background-position: -14px 0; } div.modal fieldset{ border:none; } a.close-modal{ -webkit-transition:none; transition:none; } div.modal-wrapper .modal { position: absolute; top: 50%; left: 50%; width: 305px; border: 1px solid #ccc; border-radius: 7px; background-color: #f5f5f7; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.25); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .modal-body { padding: 20px 30px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; background-color: #f5f5f7; font-family: Helvetica; } h5.product-name, h5.product-price, .vat-wrapper { display: inline; } #upgrade-confirm .next-charge-amount{ margin-top:10px; text-align: right; } #upgrade-confirm .modal{ width:480px; } #upgrade-confirm .modal .product-price.modal-upgrade-cost{ font-weight: bold; font-size:120%; } #upgrade-confirm .modal-upgrade-new-cost{ font-weight: bold; font-size:95%; float: right; margin-left: 5px; } #upgrade-confirm .close-modal{ margin-left: 438px; z-index:99999999; } #upgrade-confirm .modal-header-title{ margin-left: 0; width:100%; text-align: center; } #upgrade-confirm .next-charge{ font-style: italic; text-align: right; font-size:12px; } h5.product-name { font-size: 13px; font-weight: bold; } h5.product-price, .vat-wrapper { float: right; font-size: 12px; } .total-price-wrapper > h5 { font-size: 14px; } .total-price { float: right; } .coupon-section { margin: 10px 0 20px 0; } .coupon-modal { float: right; margin-left: 10px; color: #27a3fc; font-size: 12px; text-decoration: none; } .coupon-modal:hover { color: #fc9a27; } #modal-discount-field { max-width: 75%; height: 35px; padding-left: 30px; border-radius: 5px; background: url(images/coupon_input.png) #fff no-repeat scroll 7px 8px; font-size: 16px; line-height: 35px; } .modal hr { margin: 20px 0; border-color: #cfcfd0; } .coupon-wrapper { display: block; } .remove-coupon { display: inline-block; float: right; width: 8px; height: 20px; font-weight: bold; line-height: 28px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .remove-coupon a { font-size: 25px; text-decoration: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .remove-coupon a:hover { color: #27a3fc; } .coupon-code { color: #444; font-size: 12px; font-weight: bold; line-height: 32px; text-transform: uppercase; } .coupon-value { float: right; margin-right: 10px; font-size: 12px; line-height: 30px; } #payment-email { padding-left: 30px; background: url(images/email_input_icon.png) #fff no-repeat scroll 7px 7px; } #billing_country { background: url(images/country_input_icon.png) #fff no-repeat scroll 7px 7px; } #billing_country, #payment-email, #vat-company-modal, #vat-number-modal { width: 100%; height: 35px; color: #b5b5b6; font-size: 16px; font-weight: normal; line-height: 16px; } .company-label { display: block; height: 35px; border-top-left-radius: 5px; border-top-right-radius: 5px; font-size: 14px; font-size: 16px; font-weight: normal; line-height: 35px; text-align: center; } #vat-company-modal, .company-label { border-right: none; border-left: none; } #billing_country:focus, #payment-email:focus, #vat-company-modal:focus, #vat-number-modal:focus { border: 1px solid #27a3fc; color: #333; } #vat-number-modal { padding-left: 30px; border: none; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background: url(images/vat_input_icon.png) #fff no-repeat scroll 7px 7px; } #vat-company-modal { display: inline; padding-left: 30px; background: url(images/company_input_icon.png) #fff no-repeat scroll 7px 7px; } ul.company-checkout, ul.company-checkout li, ul.company-checkout li input { margin: 0; border-radius: 0; } .company-buy { margin: 0; border: 1px solid #ccc; border-radius: 5px; } ul.form-section input, ul.form-section select { border-radius: 5px; } .card-logos { margin-bottom: 20px; } .buy-button { width: 100%; height: 40px; margin-bottom: 0; border: none; color: #fff; background: #44b1e7; background: -webkit-gradient(left top, left bottom, color-stop(0%, #44b1e7), color-stop(100%, #3199de)); background: -webkit-linear-gradient(top, #44b1e7 0%, #3199de 100%); background: -webkit-gradient(linear, left top, left bottom, from(#44b1e7), to(#3199de)); background: linear-gradient(to bottom, #44b1e7 0%, #3199de 100%); text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); font-family: helvetica; font-size: 16px; font-weight: bold; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44b1e7', endColorstr='#3199de', GradientType=0 ); } .buy-button:hover, .buy-button:active, .buy-button:focus { border: 1px solid #27a3fc; color: #fff; background: #3199de; background: -webkit-gradient(left top, left bottom, color-stop(0%, #3199de), color-stop(100%, #3199de)); background: -webkit-linear-gradient(top, #3199de 0%, #3199de 100%); background: -webkit-gradient(linear, left top, left bottom, from(#3199de), to(#3199de)); background: linear-gradient(to bottom, #3199de 0%, #3199de 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3199de', endColorstr='#3199de', GradientType=0 ); } /*Checkout Modal*/ .modal-wrapper #modal-checkoutform .edd-terms-agreement { text-align: center; } .modal-wrapper #modal-checkoutform .edd-terms-agreement label { display: inline-block; font-size: 12px; font-weight: normal; text-align: center; } .modal-wrapper #modal-checkoutform .edd-terms-agreement input { position: relative; top: 2px; } .modal-wrapper #modal-checkoutform .edd-terms-agreement a { color: #27a3fc; text-decoration: none; letter-spacing: 0.5px; } #payment-section-modal .company-checked { max-width: 340px; } #modal-discount-message.discount-invalid { display: block; } #modal-discount-message { display: none; } .ti-modal-status { display: none; } .ti-modal-status.ti-modal-status-error { display: block; } .checkout-modal .form-section li.ti-modal-status.ti-modal-status-error, .ti-modal-status.ti-modal-status-error, #ti-modal-wrapper li.vat_error, #ti-modal-wrapper li.vat_success, #modal-discount-message.discount-invalid { display: block; margin-bottom: 5px; color: #ff7f66; font-size: 12px; font-weight: bold; text-align: center; } #ti-modal-wrapper li.vat_success { color: green; } .checkout-modal .form-section li.ti-modal-status { display: none; } .single-download > div.modal-wrapper .checkout-modal .modal-right-final .modal-prices .discount-details { margin: 0; font-size: 12px; font-weight: normal; } .ti-remove-discount { cursor: pointer; } #validate-vat { display: block; width: 100px; margin: 0 auto; padding: 5px; border: 1px solid #0384a1; border-radius: 5px; color: #fff; background-color: #00abd3; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35); font-weight: bold; text-align: center; text-decoration: none; } #validate-vat:hover { background-color: #0384a1; } .company-checkout li { position: relative; } #modal-apply-discount, #validate_vat { display: inline; float: right; height: 24px; margin-top: 5px; margin-bottom: 0; padding: 1px 5px; border: none; border-radius: 5px; color: #fff; background: #44b1e7; background: -webkit-gradient(left top, left bottom, color-stop(0%, #44b1e7), color-stop(100%, #3199de)); background: -webkit-linear-gradient(top, #44b1e7 0%, #3199de 100%); background: -webkit-gradient(linear, left top, left bottom, from(#44b1e7), to(#3199de)); background: linear-gradient(to bottom, #44b1e7 0%, #3199de 100%); text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35); text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); font-family: helvetica; font-size: 14px; font-weight: bold; text-decoration: none; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44b1e7', endColorstr='#3199de', GradientType=0 ); } #validate_vat { display: none; position: absolute; top: 2px; right: 0; background: none; } #modal-apply-discount:hover { background-color: #0384a1; } #modal-discount-field { display: inline; margin-bottom: 0; } .single-download > div.modal-wrapper .checkout-modal .modal-right .modal-right-final h2 { margin: 10px 0 0 40px ; } @media(max-width:768px) { .cart-items { min-width: 350px; } .single-download > div.modal-wrapper .checkout-modal { width: 353px; } .single-download > div.modal-wrapper .checkout-modal .modal-left { display: block; padding-top: 20px; padding-bottom: 0; } .single-download > div.modal-wrapper .checkout-modal .modal-right { padding-bottom: 0; } #cart-contents .cart-items-list h2.cart-name { width: auto; } .single-download > div.modal-wrapper .checkout-modal .modal-right { display: block; float: none; } .single-download > div.modal-wrapper .checkout-modal .modal-right-final { padding: 0 20px; } .single-download > div.modal-wrapper .checkout-modal .modal-right h2.subtotal-price { float: right; margin-right: 40px; } .single-download > div.modal-wrapper .checkout-modal .modal-right .checkout-btn, .single-download > div.modal-wrapper .checkout-modal .modal-right h2, .single-download > div.modal-wrapper .checkout-modal .modal-right h2.subtotal-price { margin-top: 0; } ul.modal-prices { margin-bottom: 0; } .first-screen { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; -webkit-align-items: flex-start; align-items: flex-start; /* optional */ -webkit-box-align: start; -webkit-box-orient: vertical; -ms-flex-align: start; -webkit-flex-direction: column; -ms-flex-direction: column; } .first-screen .modal-left { -webkit-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } .first-screen .modal-right { -webkit-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } #cart-contents .cart-items-list h2.cart-name { max-width: 165px; font-size: 14px; line-height: 13px; } .single-download > div.modal-wrapper .checkout-modal .modal-right .cart-items-list li h2 { font-size: 16px; line-height: 16px; } #cart-contents > div.cart-items > ul.modal-prices > li.subtotal-wrapper { margin-bottom: 0; } .single-download > div.modal-wrapper .checkout-modal .modal-right .checkout-btn { width: 135px; height: 30px; font-size: 18px; } .single-download > div.modal-wrapper .checkout-modal .upsale-list li .price h3 { font-size: 14px; } #crossale_list .product h2 { margin-bottom: 5px; } .single-download > div.modal-wrapper .checkout-modal .upsale-list li button { width: 40px; height: 25px; font-size: 14px; } .single-download > div.modal-wrapper .checkout-modal .upsale-list li { padding: 5px 20px; } .single-download > div.modal-wrapper .checkout-modal .modal-right .modal-right-final .cart-items-list li { padding: 0; line-height: 25px; } .single-download > div.modal-wrapper .checkout-modal .modal-right-final .modal-prices h1 { font-size: 18px; } .checkout-modal .form-section li span { width: 55px; height: 25px; } .checkout-modal .form-section label { font-size: 12px; } .checkout-modal .form-section .checkout-form-field { width: auto; } } /*modal checkout */ #ti-modal-wrapper, #ti-modal-wrapper .company-checkout, #ti-modal-wrapper .coupon-section { display: none; } .coupon-wrapper { display: none; } /*billing details edit and save*/ #save_billing_form { text-align: center; } .save-billing-section h1 { color: #333; font-size: 20px; line-height: 30px; text-align: center; } #save_billing_form input, #save_billing_form textarea { margin: 5px auto 10px; } #save_billing_form input { display: inline-block; } #save_billing_form label { color: #333; font-size: 14px; text-align: left; letter-spacing: 0.5px; } #save_billing_form > div:nth-child(1), #save_billing_form > div:nth-child(2) { display: inline-block; } #save_billing_form > div:nth-child(2) { margin-left: 15px; } .address-field-save-billing { max-width: 436px; margin: 0 auto; } .address-field-save-billing textarea { width: 100%; } #save_billing_form > input[type="submit"] { width: 100%; max-width: 436px; font-size: 14px; line-height: 20px; letter-spacing: 1px; } @media only screen and (max-width: 767px) { #save_billing_form > div:nth-child(2) { margin-left: 0; } #save_billing_form label { text-align: center; } #save_billing_form > input[type="submit"], .address-field-save-billing { max-width: 210px; } .save-billing-section h1 { text-align: center; } } #content.download-page .pricing-tables .single-gem-pack footer .buy-now a { padding: 0; } h5.product-price:after { content: "\00a0"; } .total-price-wrapper > h5 > .total-price { font-size: 12px; } /* La linia 688 in style.css trebuie sters 'padding-left: 30px;' si adaugat ce e mai jos ca sa mearga corect si in Safari / IE: */ #payment-section-modal #billing_country { text-indent: 25px; } #content.download-page .pricing-tables .table .edd-add-to-cart { margin-top: 10px!important; margin-bottom: 0 !important; } /* about us page */ .contact-about-page { padding: 10px 0; text-align: center; } .contact-about-page p { margin-bottom: 30px; color: #333; font-family: Helvetica, sans-serif; font-size: 25px; font-weight: 400; } .contact-about-page a button { padding: 10px 20px; border: none; color: #fff; background: #ff7f66; box-shadow: 0 3px 0 #d76e5a; text-shadow: none; font-size: 16px; text-transform: uppercase; } .ti-is-hiring:hover { color: #ff7f66; } .ti-is-hiring { position: absolute; top: 30px; left: 152px; text-decoration: none; } @media (max-width: 767px) { .ti-is-hiring { display: block; float: none; position: relative; top: auto; left: auto; width: 200px; margin: auto; margin-top: 4px; text-align: right; } } .postid-3656195 .licence-types h3, .postid-3655791 .licence-types h3 { display: none; } #main-content #edd_purchase_4728635 { display: none; } .label-alert strong{ color:#fff; } .label-alert{ background: #ff7f66; color: #fff; border-radius: 4px; padding: 4px; display: block; } /* confirm wrapper */ #middle-content .confirm-wrapper .love-us h3{ padding: 10px; font-style: normal; } #middle-content:after { content: ''; display: block; clear: both; } #middle-content .confirm-wrapper .love-us{ background: none; text-shadow: none; } .themeisle-ph-view-license:hover, .themeisle-ph-view-license{ min-width: 250px; display: block; color: #9b9b9b; text-decoration: none; font-weight: bold; color:#ff7f66; } .themeisle-ph-download-row{ color:#9b9b9b; } .themeisle-manage-sites:hover, .themeisle-manage-sites{ color: #8dc153; text-decoration: none; font-weight: bold; } #purchase-list td:first-child + td{ min-width: 300px; } /** end child theme css */ #main-content .themes-list .theme .themes-buttons .theme-button1.no-demo-link{ border-radius:5px; left:90px; } #content.download-page .pricing-tables .table .edd_download_purchase_form .edd-add-to-cart { margin:auto !Important; margin-top:5px !important; } .themes-list .edd-fs-price sup{ font-size:100%; } .themes-list .edd-fs-price .themeisle-subscription, .themes-list .edd-fs-taxes-wrapper{ display:none; } .table.single-theme{ display: none; } /* My themes */ #my-themes { float: left; margin: 30px 0 45px; width: 100%; } #my-themes .ti-theme { border-bottom: 1px solid #e1e1e1; display: table; padding: 15px 10px; width: 100%; } #my-themes .ti-theme:last-of-type { border-bottom: none; } .ti-theme .ti-theme-name, .ti-theme .ti-theme-buttons { display: table-cell; vertical-align: middle; } .ti-theme .ti-theme-name { font-size: 18px; color: #4e4e4e; font-weight: bold; } .ti-theme .ti-theme-buttons { text-align: right; } .ti-theme .ti-theme-buttons .ti-theme-file { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } .ti-theme .ti-theme-buttons .ti-theme-file + label { cursor: pointer; font-size: 14px; font-weight: 700; color: #ff7f66; background-color: transparent; border: 2px solid #ff7f66; border-radius: 20px; display: inline-block; padding: 5px 15px; -webkit-transition: 0.3s ease; transition: 0.3s ease; } .ti-theme .ti-theme-buttons .ti-theme-file:focus + label, .ti-theme .ti-theme-buttons .ti-theme-file + label:hover { background-color: #ff7f66; } .ti-theme .ti-theme-buttons .ti-theme-file:focus + label { outline: none; } .ti-theme .ti-theme-buttons .ti-theme-file + label *, .ti-theme .ti-theme-buttons .ti-theme-file:focus + label * { color: #ff7f66; pointer-events: none; } .ti-theme .ti-theme-buttons .ti-theme-file:hover + label *, .ti-theme .ti-theme-buttons .ti-theme-file:focus + label * { color: #fff; } .ti-theme .ti-theme-buttons .ti-themes-loading { color: #666; font-size: 12px; margin-top: 5px; } .ti-theme .ti-theme-buttons button { cursor: pointer; display: inline-block; font-size: 14px; font-weight: 700; background: transparent; border-radius: 20px; display: inline-block; padding: 5px 15px; margin: 0 0 0 10px; text-shadow: none; -webkit-transition: 0.3s ease; transition: 0.3s ease; } .ti-theme .ti-theme-buttons .ti-theme-download { border: 2px solid #0A2342; color: #0A2342; } .ti-theme .ti-theme-buttons .ti-theme-download:hover, .ti-theme .ti-theme-buttons .ti-theme-download:focus { background: #0A2342; color: #fff; outline: none; } .ti-theme .ti-theme-buttons .ti-theme-upload { border: 2px solid #2CA58D; color: #2CA58D; } .ti-theme .ti-theme-buttons .ti-theme-upload:hover, .ti-theme .ti-theme-buttons .ti-theme-upload:focus { background: #2CA58D; color: #fff; outline: none; } .ti-user-menu:hover .account_links{ display: block; } .ti-user-menu{ position:absolute; right:0px; width: auto; } .ti-author-theme-version{ font-size: 10px; font-weight: normal; } .account-delete { background:#ff370f !important; box-shadow: 0px 3px 0px #ff370f !important; } #upgrade-confirm { display: none; } #upgrade-confirm .total-price-wrapper .next-charge { margin-bottom: 15px; } #upgrade-confirm .total-price-wrapper .renew-interval { margin-top:8px; text-align: right; font-style: italic; } #upgrade-confirm .card-logos{ display: block; margin:auto; margin-bottom: 5px; } #upgrade-confirm .upgrade-charge-info{ font-size: 12px; line-height: 15px; text-align: center; font-style: italic; margin-bottom: 20px; } #upgrade-confirm .buy-button{ height:auto; }