.register_error_message{ background-color: red; display: none; } /*------------------------------------------------*/ /*-----------------[BASIC STYLES]-----------------*/ /*------------------------------------------------*/ body { font-family: 'TradeGothicCondTwe', 'Helvetica Neue', 'Helvetica', Arial, sans-serif; font-weight: normal; font-size: 21px; color: #ebebe9; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; background: #050C04 url('images/hf_web_white_bg_02.jpg') no-repeat top center;} a { color: #d90012; } a:hover { text-decoration: underline; } h1, h2, h3, h4, h5, h6 { padding-bottom: 5px; color: #fefefe; line-height: 1em; font-weight: normal; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #fefefe; } h1 { font-size: 30px; } h2 { font-size: 24px; } h3 { font-size: 22px; } h4 { font-size: 18px; } h5 { font-size: 16px; } h6 { font-size: 14px; } p { padding-bottom: 10px; line-height: 26px; letter-spacing: 0.5px; } strong { font-weight: bold; color: #ebebe9; } cite, em, i { font-style: italic; } input[type=text],input.text, input.title, textarea, select { background-color:#fff; border:1px solid #bbb; padding: 2px; color: #4e4e4e; } input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#2D3940; color: #3e3e3e; } input[type=text], input.text, input.title, textarea, select { margin:0.5em 0; } textarea { padding: 4px; } #top-menu a:hover, #login a:hover { color: #a01e21;} #login #languageSelector a:hover { background: inherit;} .page-template-page-hf-about a#about, .page-template-page-hf-available-achivements a#achievements, .page-template-page-hf-purchase a#purchase, .page-template-page-hf-community a#community, .page-template-page-hf-view-profile a#userfirstname, .page-template-page-hf-edit-profile a#userfirstname, .page-template-page-hf-signin a#user_sign_in, .category-images a#media, .category-videos a#media, .category-news a#news { color: #a01e21; } /*------------------------------------------------*/ /*---------------[MAIN LAYOUT INFO]---------------*/ /*------------------------------------------------*/ h1, h2, h3, h4, h5, h6, .read-more, .testimonial .title, .entry .meta-info, .subtitle, .wp-pagenavi, .comment_postinfo, .comment-reply-link, .form-submit #submit { font-family: 'TradeGothicCondTwe', Arial, sans-serif;} #main-header {} #top-area, #footer-bottom { background-image: none !important; background-color: transparent; background-repeat: no-repeat; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } #top-area { padding-bottom: 0px; } body.home.blog #top-area, body.et_default_homepage #top-area { position: relative; width: 100%; z-index: 100; background-color: white;} .top-content { padding-top: 8px; } #logo { float: none; margin-right: 10px; } #menu-wrap { float: none; padding-top: 17px; padding-bottom: 4px; font-family: 'TradeGothicCondTwe', Arial, sans-serif; text-transform: uppercase;} #top-menu { float: left; } #login { margin-right: 13px; float: right; position: relative; bottom:-3px; font-size: 13pt;} #login a { color: #000; } #login li { float: left; margin: 0 8px; color: #fff;} #login .login-wrap { position: relative; margin-right: 104px;text-align: center;} #userfirstname { text-transform: none;/* min-width: 50px;*/ float: right;} #userfirstname:hover { text-decoration: none;} #login #user_state_text { position: absolute; width: 98px; text-align: center;} #login #user_sign_out { position: absolute; top: 0; width: 110px; display: none;} #login #user_sign_out:hover { text-decoration: none;} #login #user_sign_in { position: absolute; top: 0;width: 98px; display: none;} #login #user_sign_in:hover { text-decoration: none;} #content-area { padding: 80px 0; } #left-area { float: left; width: 623px; } .entry { margin-bottom: 60px; background-color: rgba(0,0,0,0.8); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1); box-shadow: 0 1px 2px rgba(0,0,0,0.1); padding: 38px 33px 38px 40px; } .entry h2.title, h1.title { font-size: 40pt; text-transform: uppercase; padding-bottom: 10px; color: #fefefe;} .entry h2.title a { text-decoration: none; color: #fefefe; } .entry h2.title a:hover, .entry .read-more:hover { color: #fefefe; } .entry .meta-info { font-family: 'TradeGothicCondTwe', 'Helvetica Neue', 'Helvetica', Arial, sans-serif; font-size: 14px; padding-bottom: 32px; color: #ebebe9; } .entry .meta-info a { text-decoration: none; color: #d90012; text-transform: capitalize;} .entry .meta-info a:hover { color: #d90012; } .entry .meta-info span { display: block; padding-bottom: 8px;} .entry-thumbnail { margin: 0 -34px 32px -40px; position: relative; } .entry-thumbnail img { display: block;} .entry-thumbnail:before { -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.6) inset; -moz-box-shadow: 0 0 4px rgba(0,0,0,0.6) inset; box-shadow: 0 0 4px rgba(0,0,0,0.6) inset; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; pointer-events: none; } .entry p { padding-bottom: 24px; } .entry .read-more { color: #454545; } .entry-top { height: 38px; color: #fff; font-family: 'TradeGothicCondTwe', sans-serif; text-transform: uppercase; font-size: 18px; line-height: 38px; letter-spacing: 0.75pt; background: url('images/entry-topbg.jpg'); position: relative; padding: 0px 15px; margin: -38px -33px 38px -40px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .entry-top .share { display:block; position: absolute; top: 0; right: 0; height: 38px; line-height: 38px; width: 30px; background-image: url('images/icon-share.png'); background-size: 100% auto; background-repeat: no-repeat; background-position: center; padding: 0;} .entry-top .share ul { position: absolute; top: 38px; right: 0; z-index: 99999; list-style: none; margin: 0; padding: 0; visibility: hidden;} .entry-top .share ul.listHidden { opacity: 0; -webkit-transition: 400ms ease; -moz-transition: 400ms ease; -o-transition: 400ms ease; transition: 400ms ease;} .entry-top .share ul.listVisible { opacity: 1; -webkit-transition: 400ms ease; -moz-transition: 400ms ease; -o-transition: 400ms ease; transition: 400ms ease;} .entry-top .share li { background-color: rgba(223, 0, 2, 1); height: 25px; width: 100px; padding:7px 0px;} .share a { display: block; height: 25px; background-color: #df0002; width: 25px; margin: 0 auto;} .share a.facebook { background: url('images/icon-bw-social.png') no-repeat; background-position: 0px 0px; } .share a.twitter { background: url('images/icon-bw-social.png') no-repeat; background-position: 0px -27px; } .share a.email { background: url('images/icon-bw-social.png') no-repeat; background-position: 0px -51px; } .share a:hover { background-position-x: -36px;} .entry-content ul, .comment-content ul { list-style-type: disc; padding: 0 0 23px 16px; line-height: 26px; } .entry-content ol, .comment-content ol { list-style-type: decimal; list-style-position: inside; padding: 0 0 23px 0; line-height: 26px; } .entry-content ul li ul, .entry-content ul li ol, .comment-content ul li ul, .comment-content ul li ol { padding: 2px 0px 2px 20px; } .entry-content ol li ul, .entry-content ol li ol, .comment-content ol li ul, .comment-content ol li ol { padding: 2px 0px 2px 35px; } .entry-content h1, .entry-content h2, .entry-content h3 { font-weight: normal; } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { margin: 15px 0 10px; } .entry h2.title, h1.page-title, .entry h1.title { margin: 0; } #content { padding: 25px 0 75px; min-height: 800px;} .entry .body-wrapper { width: 100%; } .body-wrapper .meta-info { float:left; width: 20%; margin-right: 5%; word-wrap: break-word;} .body-wrapper .meta-info a { display: block; margin-bottom: 5px;} .body-wrapper .right-content { float: left; width: 75%;} .right-content p { width: 80%; } #cookie-notice .button.wp-default { background: #f70016; text-align: center; width: 100px; height: 27px; text-transform: uppercase; border:none; border-radius: 5px; color: white; font-size: 11pt; line-height: 31px; font-family: 'TradeGothicCondTwe'; cursor: pointer; margin-top: 0px; text-decoration: none;} #cookie-notice .button.wp-default:hover, #cookie-notice .button.wp-default:focus { text-decoration: none; background: #C60012; color: white; } /*------------------------------------------------*/ /*---------------[MEDIA PAGE LAYOUT]---------------*/ /*------------------------------------------------*/ .media-nav { color: #fff; text-transform: uppercase; font-family: 'TradeGothicCondTwe', sans-serif; text-align: center; line-height: 38px; height: 38px; letter-spacing: 0.75pt; } .media-nav a { display: block; background-color:black; width: 50%; float: left; color: #fff; border-bottom: 4px solid #000;} .media-nav a.selected { border-color: white; } .media-list { background-color: rgba(0,0,0,0.8); } .media-list .topbar { height: 38px; color: #fff; font-family: 'TradeGothicCondTwe', sans-serif; text-transform: uppercase; line-height: 38px; letter-spacing: 0.75pt; background: url('images/entry-topbg.jpg') no-repeat; } .media-list li { float: left; width: 30%; margin-right: 3%; height: 124px;} .category-videos .media-list li, .category-videos-au .media-list li, .category-videos-uk .media-list li, .category-videos-de .media-list li, .category-videos-es .media-list li, .category-videos-fr .media-list li, .category-videos-it .media-list li { height: 100%;} .media-list li:last-child { margin-right: 0; } .media-list li:hover { cursor: pointer; } .media-list .selectedFeatured img:first-of-type { box-sizing:border-box; border:4px solid #E60000;} #pageLoading { height: 50px;} #pageLoading img { height: 100%; position: relative; left: calc(50% - 25px);} /*------------------------------------------------*/ /*---------------------[MERITS]-------------------*/ /*------------------------------------------------*/ /*.achievements { padding: 0 0 75px !important;}*/ .achievements .media-nav { margin-bottom: 20px; } .achievements .hidden { display: none !important; } .achievements .award-name:hover { cursor: pointer; } .achievements .award-image { display: none; } .achievements .entry { margin-bottom: 20px; } #merits-message { padding: 55px 40px 55px 40px; margin-bottom: 50px; } /*------------------------------------------------*/ /*---------------[DROPDOWN MENU]------------------*/ /*------------------------------------------------*/ #top-menu li { float: left; margin: 0 10px; color: #fff;} #top-menu > ul > li:first-child { margin-left: 0; } #top-menu a { color: #000; text-shadow: none; position: relative; font-size: 13pt; } #top-menu > ul > li > a { margin-bottom: 10px; } #top-menu > ul > li > a:hover { text-decoration: none; } /*#top-menu a, #top-menu a .menu-highlight, #mobile_menu .menu-highlight { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -moz-transition: all 0.12s ease-in-out; -webkit-transition: all 0.12s ease-in-out; transition: all 0.12s ease-in-out; } #top-menu a .menu-highlight, #mobile_menu .menu-highlight { position: absolute; bottom: 4px; left: 0; background: #c3e54b; height: 2px; width: 100%; -webkit-transform: scale(0,1); -moz-transform: scale(0,1); -ms-transform: scale(0,1); transform: scale(0,1); } #top-menu a:hover, .mobile_nav, #top-menu .current-menu-item > a { text-decoration: none; text-shadow: 0 0 15px rgba(255,255,255,0.6); } #top-menu a:hover .menu-highlight, #mobile_menu a:hover .menu-highlight, #top-menu .current-menu-item > a .menu-highlight { -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); } #top-menu .current-menu-item > a, .mobile_nav { font-weight: 800; } */ #login .mobile_nav { color: #fff; font-size: 16px; position: relative; height: 36px; width: 36px; border-color: transparent;} .mobile_nav:before { content: ""; position: absolute; top: 0px; right: 0px; width: 30px; height: 4px; border-top: 4px solid #000; border-bottom: 12px double #000; } .mobile_nav a { position: relative;font-family: 'TradeGothicCondTwe', Arial, sans-serif; text-transform: uppercase;} #mobile_menu { top:56px; width: 320px; padding-top: 0px; background-color: rgba(255,255,255,0.8);} #mobile_menu .menu-highlight { bottom: 0; } #mobile_menu a { color: #000; } #mobile_menu a:hover { /*background-color: rgba(160,30,33,.9);*/ } #mobile_menu .mobile_menu_login { display: inline-block; width: 43%;} #mobile_menu .mobile_menu_login * {} #mobile_menu .mobile_menu_login .login-wrap { display:block; width: 100%;} #mobile_menu .mobile_menu_login .login-wrap a{ display: block; padding: 0; padding: 13px 7px 16px 23px;} #mobile_menu .mobile_menu_login:nth-child(1) { right: 0; width: 100%;} #mobile_menu .mobile_menu_login:nth-child(1) a { padding: 13px 14px 16px 23px; text-align: right; } #mobile_menu .mobile_menu_login:nth-child(2) { width: 100%} #mobile_menu .mobile_menu_login:nth-child(2) * { box-sizing: border-box;} /*#mobile_menu .mobile_menu_login:nth-child(3) * { display: none;}*/ #languageSelector { width: 110px;} #languageSelector #languageDropdown { } #languageSelector #languageDropdown a.dropdownTrigger { width: 100px; text-align: right;} #languageSelector #languageDropdown a.dropdownTrigger:hover {text-decoration: none;} #languageSelector #languageDropdown a.dropdownTrigger div { position: absolute; width: 127px; height: 16px; top: 0px;} #languageSelector #languageDropdown a.dropdownTrigger div b { background-position: 114px 4px; background-image: url(images/ageGate/down-dark.png);} #languageSelector #languageDropdown .languageDropdown { } #languageSelector #languageDropdown .languageDropdown ul.dropdownForLanguages { background: rgba(255,255,255,0.8); max-height: none; overflow-y: hidden; position: absolute; width: 140px; right: -19px; top: 3px;} #languageSelector #languageDropdown .languageDropdown ul.dropdownForLanguages > li { padding: 4px 0px; width: 90%;} #languageSelector #languageDropdown .languageDropdown ul.dropdownForLanguages > li a:hover {text-decoration: none;} #accountSelector { width: 100px; margin-right: 10px;} #accountSelector #accountDropdown { } #accountSelector #accountDropdown a.dropdownTrigger { width: 100px; text-align: right;} #accountSelector #accountDropdown a.dropdownTrigger:hover { text-decoration: none;} #accountSelector #accountDropdown a.dropdownTrigger div { position: absolute; width: 118px; height: 16px; top: 0px;} #accountSelector #accountDropdown a.dropdownTrigger div b { background-position: 104px 4px; background-image: url(images/ageGate/down-dark.png);} #accountSelector #accountDropdown .accountDropdown { } #accountSelector #accountDropdown .accountDropdown ul.dropdownForAccount { background: rgba(255,255,255,0.8); max-height: none; overflow-y: hidden; position: absolute; width: 216px; top: 20px; padding: 5px 0px;} #accountSelector #accountDropdown .accountDropdown ul.dropdownForAccount > li { padding: 5px 0px; width: 90%;} #accountSelector #accountDropdown .accountDropdown ul.dropdownForAccount > li a:hover {text-decoration: none;} .mobile_language { width: 100% !important; } .mobile_language #languageSelector { width: 100%;} .mobile_language #languageSelector #languageDropdown { } .mobile_language #languageSelector #languageDropdown a.dropdownTrigger { width: 100%; text-align: right; box-sizing:border-box; } .mobile_language #languageSelector #languageDropdown a.dropdownTrigger:hover {text-decoration: none;} .mobile_language #languageSelector #languageDropdown a.dropdownTrigger span { float: left;} .mobile_language #languageSelector #languageDropdown a.dropdownTrigger div { position: relative; width: 100%; height: 16px; top: 0px;} .mobile_language #languageSelector #languageDropdown a.dropdownTrigger div b { background-position: 268px 4px;} .mobile_language #languageSelector #languageDropdown .languageDropdown { display: none; left: 0; width: 100%; height: 0px; transition: 0.3s ease;} .mobile_language #languageSelector #languageDropdown .languageDropdown.mobileLanguageVisible { display: block; top:0; left: 0; width: 100%; height: auto; transition: 0.3s ease;} .mobile_language #languageSelector #languageDropdown .languageDropdown ul.dropdownForLanguages { background: rgba(255,255,255,.3); max-height: none; overflow-y: hidden; position: inherit; width: 100%; right: 0; top: 0;} .mobile_language #languageSelector #languageDropdown .languageDropdown ul.dropdownForLanguages > li { padding: 0px; width: 100%;} .mobile_language #languageSelector #languageDropdown .languageDropdown ul.dropdownForLanguages > li a { padding: 10px 7px 10px 23px !important;} .mobile_language #languageSelector #languageDropdown .languageDropdown ul.dropdownForLanguages > li a:hover { text-decoration: none;} #mobile_menu #mobile_account { display: none;} .mobile_account #accountSelector { height: 50px; width: 100%;} .mobile_account #accountSelector #accountDropdown { height: 100%;} .mobile_account #accountSelector #accountDropdown a.dropdownTrigger { box-sizing: border-box; height: 100%; width: 100%; text-align: left;} .mobile_account #accountSelector #accountDropdown a.dropdownTrigger span { float: left;} .mobile_account #accountSelector #accountDropdown a.dropdownTrigger div { width: 100%; position: relative; height: 16px;} .mobile_account #accountSelector #accountDropdown a.dropdownTrigger div b { background-position: 268px 4px; } .mobile_account #accountSelector #accountDropdown .accountDropdown { display: none; left: 0; width: 100%; height: 0px;} .mobile_account #accountSelector #accountDropdown .accountDropdown.mobileAccountVisible { display: block; top: 0; left: 0; width: 100%; height: auto;} .mobile_account #accountSelector #accountDropdown .accountDropdown ul.dropdownForAccount { background: rgba(255,255,255,.3); max-height: none; overflow-y: hidden; position: inherit; width: 100%; right: 0; top: 0; padding: 0;} .mobile_account #accountSelector #accountDropdown .accountDropdown ul.dropdownForAccount > li { padding: 0px; width: 100%;} .mobile_account #accountSelector #accountDropdown .accountDropdown ul.dropdownForAccount > li a { padding: 10px 7px 10px 23px; text-align: left;} .mobile_account #accountSelector #accountDropdown .accountDropdown ul.dropdownForAccount > li a:hover { text-decoration: none;} /*------------------------------------------------*/ /*--------------[FEATURED SLIDER]-----------------*/ /*------------------------------------------------*/ #et-slider-wrapper { height: 710px; position: relative; background: #0c151b; border-bottom: 10px solid #030303;} .et-slide { background-repeat: no-repeat; background-position: top center; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .et-slide .container { padding: 100px 0 0 50px; } .et-slide .description { color: #fff; font-size: 18px; float: left; width: 412px; padding: 55px 40px 55px 40px; background: rgba(0, 0, 0, 0.8); position: relative; -webkit-animation-duration: .6s; -webkit-animation-delay: .4s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-duration: .6s; -moz-animation-delay: .4s; -moz-animation-timing-function: ease; -moz-animation-fill-mode: both; -ms-animation-duration: .6s; -ms-animation-delay: .4s; -ms-animation-timing-function: ease; -ms-animation-fill-mode: both; animation-duration: .6s; animation-delay: .4s; animation-timing-function: ease; animation-fill-mode: both; } .et-slide .description .bracket { position: absolute; width: 30px; } .et-slide .description .bracket.topleft { top: 15px; left: 15px; } .et-slide .description .bracket.topright { top: 15px; right: 15px; } .et-slide .description .bracket.bottomleft { bottom: 15px; left: 15px; } .et-slide .description .bracket.bottomright { bottom: 15px; right: 15px; } .et-slider-arrows a { display: block; background-repeat: no-repeat; width: 30px; height: 50px; position: absolute; top: 300px; text-indent: -9999px; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 0; } .et-slider-arrows a.et-arrow-prev { background-image: url(images/arrow_left.png) !important;} .et-slider-arrows a.et-arrow-next { background-image: url(images/arrow_right.png) !important;} .subtitle { color: #d2001b; font-family:'TradeGothicCondEig', sans-serif;} #et-slider-controls { position: absolute; bottom: 0px; left: 0; width: 100%; height: 35px; } #et-slider-controls .et-controllers { width: 530px; float: none; text-align: center; margin: 6px auto; } #et-slider-controls .et-controllers a { display: inline-block; width: 25px; height: 25px; background: url(images/breadcrumb_bracket.png) no-repeat; background-size: 25px; text-indent: -9999px; margin: 0 5px; } #et-slider-controls .et-controllers a.et-active-control { background-image: url(images/breadcrumb_bracket_active.png); } .et-controllers a.et-active-control:hover { cursor: default; } /*------------------------------------------------*/ /*---------------------[FOOTER]-------------------*/ /*------------------------------------------------*/ #footer-widgets { border-top: 1px solid #d8d8d8; padding: 99px 0 59px; text-shadow: 1px 1px 0 #fff; background-color: #ececec; } #footer-copyright { margin-top: -9px; font-family: Georgia, serif; font-style: italic; font-size: 16px; color: #c5c5c5; margin-bottom: -5px; } .footer-widget { float: left; width: 280px; margin-right: 60px; color: #787878; } .footer-widget h4.widgettitle { font-size: 30px; padding-bottom: 9px; text-transform: uppercase; color: #454545; } #footer-bottom { padding: 25px 0 25px; color: #e5e5e5; font-size: 60%; background-image:none !important; background-color: rgba(5,12,4,0.7); font-family: 'TradeGothicCondEig', Arial, sans-serif; } #footer-bottom .container { width: 100%; } .bottom-nav li { float: left; padding-right: 0px; } .bottom-nav li:last-of-type span { display: none;} .bottom-nav li.current_page_item a { color: #e5e5e5; font-weight: 800; } .bottom-nav li a { color: #e5e5e5; text-decoration: none; padding-left: 8px; padding-right: 8px;} .bottom-nav li a:hover { color: #e5e5e5; } .social-icons { text-align: center; margin-bottom: 15px; } .social-icons img { margin-right: 10px; } .footer-icons { text-align: center; padding-bottom: 20px;} .footer-icons img { margin: 0px 15px 30px 15px; vertical-align: middle;} .footer-icons .social img { margin: 0px 3px 30px 3px; } .footer-icons .social .bracket { height: 36px; margin-right: 2px; margin-left: 2px;} .legal, .links { text-align: center; padding: 0px 10%;} .links { padding-top: 10px; position: relative;} .links ul {position: absolute; left: 50%; transform: translatex(-50%); -ms-transform: translatex(-50%); -webkit-transform: translatex(-50%);} p#copyright { text-align: right; font-size: 12px; color: #fff; } p#copyright a { color:#fff; font-weight: 800; } .f_widget { margin-bottom: 25px; } /*------------------------------------------------*/ /*--------------------[SIDEBAR]-------------------*/ /*------------------------------------------------*/ /*------------------------------------------------*/ /*-------------------[PAGE NAVI]------------------*/ /*------------------------------------------------*/ @media only screen and (min-width: 1300px) { .et-slider-arrows a.et-arrow-prev { left: 120px !important;} .et-slider-arrows a.et-arrow-next { right: 120px !important;} } @media only screen and (max-width: 1300px) { .et-slide .container { padding-left: 100px} .et-slider-arrows a.et-arrow-prev { left: 80px !important;} .et-slider-arrows a.et-arrow-next { right: 80px !important;} } @media only screen and (min-width:960px) and (max-width: 1100px) { .et-slide .container { padding-left: 100px} .et-slider-arrows a.et-arrow-prev { left: 60px !important;} .et-slider-arrows a.et-arrow-next { right: 60px !important;} } @media only screen and ( max-width: 960px ) { #et-search, p#et-search-title, p#et-search-title span { background: none !important; } #et-search { width: auto !important; height: auto !important; } #et-search-inner { padding: 0 !important; } #et-search-right { float: none !important; clear: both; text-align: left !important; } #et_search_submit { background: #BBB8B8 !important; color: #111 !important; } p#et-search-title { margin-bottom: 2px !important; } p#et-search-title span { padding: 0 !important; text-shadow: none !important; } #et-searchinput { width: auto !important; } p#et_choose_posts, p#et_choose_pages, p#et_choose_date, p#et_choose_cat { float: none !important; } #et-search-left { float: none !important; width: 100% !important; } } @media only screen and ( min-width: 768px ) and ( max-width: 960px ) { .container { width: 728px; } #logo { float: none; } #menu-wrap { float: none; clear: both; padding-top: 38px; } #et-slider-wrapper { height: 760px; } .et-slide .container { padding-top: 200px; padding-left: 100px} .et-slide .description { width: 277px; padding-top: 32px; padding-bottom: 32px} .description h2 { font-size: 48px; } .et-slide .description .bracket, { width: 20px; } .featured-image, #et-slider-controls .et-controllers { width: 402px; } #et-slider-controls { bottom: 0px; } .et-slider-arrows a { top: 413px; } .et-slider-arrows a.et-arrow-prev { left: 80px !important;} .et-slider-arrows a.et-arrow-next { right: 80px !important;} .subtitle, .service h3, .testimonial .title, .footer-widget h4.widgettitle { font-size: 24px; } .description .more { font-size: 18px; } .service { margin-right: 35px; width: 155px; } #testimonials { width: 313px; } .testimonial { padding: 30px 26px 27px 39px; } .testimonial .title { padding-bottom: 3px; } .testimonial span.title { display: block; } #recent-updates { width: 331px; } #logos img { max-width: 136px; } .footer-widget { margin-right: 52px; width: 208px; } #left-area { width: 472px; } #sidebar { width: 209px; } .page-title-area { padding-top: 95px; } .page-title-area h1 { font-size: 48px; } .entry .meta-info { font-size: 24px; } #et_pt_portfolio_gallery { margin-left: -35px !important; } .et_pt_portfolio_item { margin-left: 13px !important; width: 201px !important; } .et_portfolio_more_icon, .et_portfolio_zoom_icon { top: 50px !important; } .et_portfolio_more_icon { left: 65px !important; } .et_portfolio_zoom_icon { left: 106px !important; } #et_pt_portfolio_gallery.et_portfolio_small { margin-left: -18px !important; } #et_pt_portfolio_gallery.et_portfolio_small .et_pt_portfolio_item { margin-left: 8px !important; width: 117px !important; } #et_pt_portfolio_gallery.et_portfolio_small .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_small .et_portfolio_zoom_icon { top: 20px !important; } #et_pt_portfolio_gallery.et_portfolio_small .et_portfolio_more_icon { left: 26px !important; } #et_pt_portfolio_gallery.et_portfolio_small .et_portfolio_zoom_icon { left: 62px !important; } #et_pt_portfolio_gallery.et_portfolio_large { margin-left: -28px !important; } #et_pt_portfolio_gallery.et_portfolio_large .et_pt_portfolio_item { margin-left: -3px !important; width: 321px !important; } #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { top: 99px !important; } #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon { left: 140px !important; } #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { left: 178px !important; } } @media only screen and ( max-width: 767px ) { #content { min-height: 500px;} .container { width: 440px; } .top-content { padding-top: 17px;} .top-content.container { text-align: left; } #logo, #top-menu { float: none; } #logo { width: 160px; margin-bottom: 15px; margin-left: 15px;} #social-icons, .description p { display: none; } .description .subtitle { display: block; } .description .more { font-size: 18px; float: left; padding: 17px; } .body-wrapper .meta-info { float: none; width: 100%; } .body-wrapper .right-content { float: none; width: 100%;} #et-slider-wrapper { height: 544px; } .et-slide .container { padding-top: 100px; } .et-slide .description { width: 203px; padding: 35px 22px 24px 22px} .et-slide .description .bracket { width: 18px; } .et-slide .description .bracket.topleft { top: 10px; left: 10px; } .et-slide .description .bracket.topright { top: 10px; right: 10px; } .et-slide .description .bracket.bottomleft { bottom: 10px; left: 10px; } .et-slide .description .bracket.bottomright { bottom: 10px; right: 10px; } .featured-image { width: 211px; } #et-slider-controls .et-controllers { width: 100%; text-align: center; } #et-slider-controls { bottom: 0px; } .et-slider-arrows a { top: 260px; } .et-slider-arrows a.et-arrow-prev { left: 40px !important;} .et-slider-arrows a.et-arrow-next { right: 40px !important;} #et-slider-wrapper .et-arrow-prev { left: 0; } #et-slider-wrapper .et-arrow-next { right: 0; } #et-slider-wrapper:hover .et-arrow-prev { left: 10px; } #et-slider-wrapper:hover .et-arrow-next { right: 10px; } .description h2 { font-size: 36px; } .subtitle { font-size: 18px; } .service { float: none; margin-bottom: 35px; } .service h3, .footer-widget h4.widgettitle { font-size: 24px; } .service { margin-right: 0; width: 375px; } #testimonials, #recent-updates { float: none; width: auto; } #testimonials { margin: 0 0 50px 24px; } .testimonial { padding: 32px 36px 27px 39px; } #recent-updates { margin-left: 60px; } #logos { padding-bottom: 0; } #logos img { max-width: 189px; margin-bottom: 50px; } #logos a:nth-child(2) { margin-right: 0; } .footer-widget { margin-right: 0; width: auto; margin-bottom: 50px; float: none; } .footer-widget.last { margin-bottom: 0; } #footer-bottom .container, p#copyright { text-align: center; } .bottom-nav { display: inline-block; } p#copyright { padding-top: 25px; } #menu-wrap, #sidebar { display: none; } .mobile_nav { display: inline-block; } #et_mobile_nav_menu { margin-top: 32px; margin-right: 15px; position: absolute; top: 0px; right: 0px;} .mobile_nav { padding-bottom: 8px; } .mobile_nav:hover { text-decoration: none; } .achievements #merits-message { padding: 42px 40px 24px 40px; margin-bottom: 20px; } .achievements .callout .bracket { width: 20px; } #footer-bottom .links ul { position: relative; left: 50%; margin-left: -100%; transform: none;-webkit-transform:none;} .page-title-area { padding-top: 51px; } .page-title-area h1 { font-size: 48px; } .page-title-area .subtitle, .entry .meta-info { font-size: 24px; } #left-area { float: none; margin-right: 0; width: auto; } #et_pt_gallery { margin-left: -44px !important; margin-right: -40px !important; } .et_pt_gallery_entry { margin-left: 7px !important; } #et_contact_right { width: 50% !important; margin-left: 0 !important; float: none !important; } .sitemap-col { float: none !important; width: auto !important; } .et_pt_portfolio_item { margin-left: 30px !important; } .et_portfolio_small .et_pt_portfolio_item { width: 380px !important; margin-bottom: 10px; } .et_portfolio_small .et_pt_portfolio_entry { float: left; margin-right: 15px; } .et_portfolio_small .et_portfolio_more_icon, .et_portfolio_small .et_portfolio_zoom_icon { top: 30px !important; } .et_portfolio_small .et_portfolio_more_icon { left: 38px !important; } .et_portfolio_small .et_portfolio_zoom_icon { left: 77px !important; } #et_pt_portfolio_gallery.et_portfolio_large { margin-left: 0 !important; } #et_pt_portfolio_gallery.et_portfolio_large .et_pt_portfolio_item { margin-left: -27px !important; width: 404px !important; } #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { top: 109px !important; } #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon { left: 155px !important; } #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { left: 195px !important; } #Error404 { max-width: 140%; margin-left: -20%;} } @media only screen and ( max-width: 479px ) { .container { width: 320px; } #et-slider-wrapper { height: 505px; } .featured-image, #et-search-form, #content .wp-pagenavi .pages { display: none; } .et-slide .description { float: none; width: 90%; margin: 0 auto; padding: 40px 12px 30px 20px; } .et-slide .description .more { float: none; } .et-slide .container { padding: 70px 0px 0px 0px; } .et-slider-arrows a { top: 214px; } .et-slider-arrows a.et-arrow-prev { left: 10px !important;} .et-slider-arrows a.et-arrow-next { right: 10px !important;} .top-content.container, .et-slide .container, #logos .container, p#copyright { text-align: left; } #logo, #top-menu { float: none; } #social-icons, #footer-widgets { display: none; } .description h2 { font-size: 36px; } .subtitle, .entry .meta-info { font-size: 11px; padding-bottom:10px;} .service h3 { font-size: 24px; } .service { margin-right: 0; width: 255px; } .testimonial { padding: 32px 36px 27px 39px; } #recent-updates { margin-left: 0; } #logos img { max-width: 189px; margin-bottom: 50px; } #footer-bottom { } #footer-bottom .links, #footer-bottom .legal { font-size: 7pt; } #footer-bottom .legal { padding: 0; } .footer-icons img { margin: 0px 10px 30px 10px; } .page-title-area h1 { font-size: 36px; } #breadcrumbs { padding: 10px 0; } .et_pt_gallery_entry { margin-left: 56px !important; } p.et-registration { margin-top: 35px !important; } .et-protected-form { padding: 0 !important; background: none !important; } .et-protected { width: auto !important; } #et_pt_portfolio_gallery, #et_pt_portfolio_gallery.et_portfolio_large { margin-left: 0 !important; } .et_pt_portfolio_item, #et_pt_portfolio_gallery.et_portfolio_large .et_pt_portfolio_item { margin-left: 0 !important; width: 228px !important; } .et_portfolio_more_icon, .et_portfolio_zoom_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { top: 53px !important; } .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon { left: 70px !important; } .et_portfolio_zoom_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { left: 110px !important; } .entry { padding: 38px 20px 38px 20px; } .entry-top { margin: -38px -20px 17px -20px; } .entry h2.title { line-height: 32pt; } .entry h2.title a { font-size: 30pt; } .entry-thumbnail { margin: 0 -20px 20px -20px; } .right-content p { width: 100%; } .entry .et_portfolio_small .et_pt_portfolio_item { width: 262px !important; margin-left: 0 !important; } .et_portfolio_small .et_pt_portfolio_item { margin-left: -15px !important; width: 254px !important; } h1.title, h2.title { font-size: 24pt; } iframe { height: 158px; } p, .aboutpage ul { font-size: 11pt; line-height: 17px; } #cn-notice-text { display: block; } } /*------------------------------------------------*/ /*-----------------[COMPONENTS]-------------------*/ /*------------------------------------------------*/ .callout { color: #fff; background: rgba(0,0,0,0.8); position: relative; } .callout .bracket { position: absolute; width: 30px; } .callout .bracket.topright { top: 15px; right: 15px; } .callout .bracket.topleft { top: 15px; left: 15px; } .callout .bracket.bottomright { bottom: 15px; right: 15px; } .callout .bracket.bottomleft { bottom: 15px; left: 15px; } #login-msg a { text-decoration: underline; } /*------------------------------------------------*/ /*-----------------[COLOR SCHEMES-----------------*/ /*------------------------------------------------*/ .dark-content { background-color: rgba(0,0,0,0.8); color: #ebebf3; } .dark-content.profileView:nth-child(1) { margin-bottom: 15px; } .dark-content h1, .dark-content h2, .dark-content h3, .dark-content h4, .dark-content h5, .dark-content h6 { color: #ebebf3; }