/* Theme Name: RAMJAM_DEV Theme URI: http://ramjam.co.uk Version: 1.0 Description: A child theme of Divi. This is a custom child theme created for our site RamJam_dev. Author: Phil Author URI: http://ramjam.co.uk Template: Divi */ /*********************************************************************** Caution: do not remove this to keep Divi Children Engine always updated Divi Children Engine version: 1.0.4 ***********************************************************************/ /*********************************************************************** Update this 4 digit code with whatever the most recent job it. Can be found via inspecting element and looking at the ID's of the tag. ***********************************************************************/ /*********************************************************************** RAMJAM 2021 ***********************************************************************/ #contact_social img {padding:12px; width: calc(92% / 6); display:inline;} body.page-id-7028 .et_pb_row { width:100%; max-width:100%; } body.page-id-7028 .et_pb_column { border:4px solid #FFF; } body.page-id-7028 .et_pb_row, body.page-id-7028 .et_pb_section { padding:0px!important; } body.page-id-7028 .et_pb_text { position:absolute; top:10px; left:15px; } body.page-id-7028 h1, body.page-id-7028 h2 { background:#FFFFFF!important; padding:10px 20px!important; float:left; clear:both; } body.page-id-7028 h1 { font-weight:bold; font-size:36px; } #home_new_cta.et_pb_text, #featured .et_pb_text { position:relative!important; top:0px; left:0px; } #home_new_cta.et_pb_text p { margin-bottom:0px; padding:12px 0px; color:#FFFFFF; font-size:30px; } body.page-id-7028 #featured { margin:4px!important; padding:0px 30px!important; } #featured .et_pb_column { border:none; } body.page-id-7028 #subheading.et_pb_row { padding:10px 0px 0px 0px!important; } body.page-id-7028 #subheading.et_pb_row h4 { margin-bottom:-8px!important; } body.page-id-7028 #featured h3 { margin:-10px 0px 20px 0px!important; font-size:16px!important; } body.postid-4658 .nav-next { display:none!important; } #home_content { background:#FFFFFF!important; } @media (min-width:769px) and (max-width:1024px){ body.page-id-7028 .et_pb_row { width: 100%!important; } body.page-id-7028 h1 { font-weight:bold; font-size:27px!important; margin-bottom:-1px; } body.page-id-7028 h2 { font-size:21px!important; margin-top:0px!important; border-radius:0px!important; } } @media only screen and (min-width: 768px) and (max-width: 980px) { body.page-id-7028 h1 { font-weight:bold; font-size:27px!important; margin-bottom:-1px; margin-top:30px!important; } body.page-id-7028 h2 { font-size:21px!important; margin-top:0px!important; border-radius:0px!important; } } @media only screen and (max-device-width: 480px) { body.page-id-7028 h1 { font-weight:bold; font-size:18px!important; margin-bottom:-1px; padding:0px 10px!important; margin-top:20px!important; } body.page-id-7028 h2 { font-size:14px!important; padding:5px 10px!important; margin-top:0px!important; border-radius:0px!important; } body.page-id-7028 .et_pb_text { top:12px; left:0px; } } /*- GLOBAL RAMJAM COLOURS -*/ #green { color:#7ACC44; } #red { color:#D41443; } #blue { color:#17BEE3; } #yellow { color:#FFA800; } #purple { color:#6B34AC; } /*----- Header / Menu -----*/ .menu-item a { font-size:18px; font-weight:normal; padding-left:10px; } li.current-menu-item a { color:#D41443!important; background:#FFF; } #main-header { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } .mobile_menu_bar:before { color:#FFF; } #top-menu li a { padding:20px 10px; } .et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation { padding:0px!important; } .single-project #menu-item-1039 a, .single-project .et-fixed-header #menu-item-1039 a { background:#FFF; color:#D41443; } .single-post #menu-item-613 a, .single-post .et-fixed-header #menu-item-613 a { background:#FFF; color:#D41443!important; } .et-fixed-header #top-menu li.current-menu-item > a, #top-menu li.current-menu-item > a { color:#D41443!important; } #top-menu a { color:#FFF; } /*------------------------------------------------*/ /*--------------------[FONTS]---------------------*/ /*------------------------------------------------*/ #block_strapline { padding:70px 0px; border:20px solid #FFF; } h1 { font-size:50px; line-height:120%; } #strapline p { color:#999!important; font-weight:normal; letter-spacing:1px; } h2 { font-size:32px!important; font-weight:bolder!important; } h2 a { font-weight:normal!important; } h3 { font-size:24px!important; font-weight:normal!important; line-height:125%; } h4 { font-size:30px; font-weight:bolder!important; padding:50px 0px 0px 0px!important; line-height:160%; } h5 { padding-bottom:25px!important; margin-bottom:15px!important; border-bottom:1px solid #A90029; font-weight:bolder!important; } p { line-height:190%; font-size:18px; margin-bottom:10px; color:#333; } /*--links--*/ .textwidget p a { font-weight:bold; color:#FFF!important; } #green h3, #green h5, #green .et_pb_text a { color:#7ACC44!important; } #red h3, #red h5, #red .et_pb_text a { color:#D41443!important; } #blue h3, #blue h5, #blue .et_pb_text a { color:#17BEE3!important; } #yellow h3, #yellow h5, #yellow .et_pb_text a { color:#FFA800!important; } #purple h3, #purple h5, #purple .et_pb_text a { color:#6B34AC!important; } #characters h5 { border-bottom:1px solid #444444; } #characters h5 { border-bottom:1px solid #444444; } /*---#green .et_pb_text h2 a, #red .et_pb_text h2 a, #blue .et_pb_text h2 a, #yellow .et_pb_text h2 a, #purple .et_pb_text h2 a { font-weight:normal!important; color:#333333!important; }---*/ /*------------------------------------------------*/ /*-------------------[MODULES]--------------------*/ /*------------------------------------------------*/ .et_pb_button { color:#FFF!important; border:none; font-weight:bolder; } .et_pb_scroll_top.et-visible { display:none!important; } /*------------------------------------------------*/ /*---------------------[HOME]---------------------*/ /*------------------------------------------------*/ /*--project_panel--*/ .et_pb_divider { display:block; margin:30px 0px!important; } #home_content { padding:100px 100px 0px 100px!important; } #green.home_project a.et_pb_button { background:#7ACC44; } #red.home_project a.et_pb_button { background:#D41443; } #blue.home_project a.et_pb_button { background:#17BEE3; } #yellow.home_project a.et_pb_button { background:#FFA800; } #purple.home_project a.et_pb_button { background:#6B34AC; } .et_pb_button_module_wrapper { margin-top:30px!important; } .home_project p { font-size:18px!important; } #home_content .et_pb_text { color:#444444!important; font-weight:bolder!important; } /*--featured--*/ #subheading h4 { margin:0px!important; padding:0px!important; font-size:27px!important; } #featured { margin:20px!important; } #featured .et_pb_row { width:100%; max-width:100%; padding:0px 0px 15px 0px!important; } h1.home { padding-top:20px!important; padding-bottom:20px!important; } /*------------------------------------------------*/ /*-------------------[PORTFOLIO]------------------*/ /*------------------------------------------------*/ .et_pb_portfolio_filter a.active { background:#D41443!important; } .et_pb_portfolio_filters { background:#222222; } .et_pb_filterable_portfolio .et_pb_portfolio_filters { margin:0px!important; } .et_pb_filterable_portfolio .et_pb_portfolio_filters ul { padding:0px!important; list-style-type:none!important; text-align:center; width:50%; margin:0px 25%; } .et_pb_filterable_portfolio .et_pb_portfolio_filters ul li { width:20%; } .et_pb_filterable_portfolio .et_pb_portfolio_filters li a, .et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active { background:none; border:none; color:#FFF; font-weight:bolder; font-size:21px; padding:30px 0px!important; } .et_pb_filterable_portfolio .et_pb_portfolio_filters li a:hover { background:#D41443; color:#FFF; } .et_pb_portfolio_item .et_portfolio_image{ position:relative; overflow:hidden; } .et_overlay { display:none; } .et_pb_portfolio_item h2 { background:#FFF; text-align:center; padding:17px 0px 20px 0px!important; margin:0px!important; font-size:18px!important; } .et_pb_portfolio_item img { -webkit-transform:scale(1.0); transform:scale(1.0); transition:.3s; transition-timing-function:ease-out; webkit-transition:.3s; -webkit-transition-timing-function:ease-out; min-width:100%; } .et_pb_portfolio_item:hover img { -webkit-transform:scale(1.2); transform:scale(1.2); } /*------------------------------------------------*/ /*--------------------[PROJECT]-------------------*/ /*------------------------------------------------*/ /*----- Project page BG colour -----*/ .single-project #et-main-area, .single-project #main-content { background:#222; } .single-project .et_pb_row_0.et_pb_row { padding-top:55px!important; } #project_title { margin-bottom:0px!important; } #project_type { margin-bottom:50px!important; } #rj_game { position:relative; padding-bottom:56.25%; height:0; } #rj_portrait { position:relative; padding-bottom:56.25%; height:0; } #rj_game.mobile { padding-bottom:53.31%; } #rj_game.narrow { padding-bottom:50%; } #rj_game.tall { padding-bottom:75.27%; } #rj_game.cisco { padding-bottom:56.2%; } #rj_game.spoek { padding-bottom:70.0%; } #rj_game iframe, #rj_portrait iframe { position:absolute; top:0; left:0; width:100%; height:100%; } #intro_text { border-bottom:2px solid #EEE; padding:50px 0px!important; margin-bottom:40px; } #project_client { margin-bottom:7px; } #green_project #project_client:before, #green_project #project_skills:before { color:#7ACC44; } #project_client:before { content:"Client: "; font-weight:bolder; float:left; padding-right:5px; font-size:18px; line-height:33px; } #project_skills:before { content:"Skill Set: "; font-weight:bolder; float:left; padding-right:5px; font-size:18px; line-height:33px; } #project_marketing:before { content:"Marketing Goals: "; font-weight:bolder; float:left; padding-right:5px; font-size:18px; line-height:33px; } #project_client p, #project_skills p, #project_marketing p { font-weight:bolder; color:#333; font-size:18px; } .single-project .et_pb_button_module_wrapper { padding:0px!important; margin:0px 0px 10px 0px!important; text-align:left; } .single-project #coloured_block .et_pb_button_module_wrapper { text-align:center; margin-top:10px!important; } #main_copy p { font-size:18px!important; font-weight:bolder!important; } /*--quotes--*/ .quote { padding:80px 20px 50px 20px; } .quote:before, .quote:after { font-family:Georgia, "Times New Roman", Times, serif; display:block; font-weight:bold; font-size:150px; color:#333333; } .quote:before { content:open-quote; margin:0px 0px -50px 0px; } .quote:after { float:right; content:close-quote; } .quote p { padding:0px 100px!important; } #green_project .quote:before,#green_project .quote:after { color:#7ACC44; } #red_project .quote:before,#red_project .quote:after { color:#D41443; } #purple_project .quote:before,#purple_project .quote:after { color:#6B34AC; } #yellow_project .quote:before,#yellow_project .quote:after { color:#FFA800; } #blue_project .quote:before,#blue_project .quote:after { color:#17BDE3; } /*--android badges--*/ #app_badges { padding:0px 0px 30px 0px!important; } #app_badges img { max-width:220px; float:left; margin:0px 20px 0px 0px; } /*--any links--*/ #green_project .et_pb_text a, #green_project #project_client:before, #green_project #project_skills:before { color:#7ACC44!important; } #red_project .et_pb_text a, #red_project #project_client:before, #red_project #project_skills:before { color:#D41443!important; } #purple_project .et_pb_text a, #purple_project #project_client:before, #purple_project #project_skills:before { color:#6B34AC!important; } #yellow_project .et_pb_text a, #yellow_project #project_client:before, #yellow_project #project_skills:before { color:#FFA800!important; } #blue_project .et_pb_text a, #blue_project #project_client:before, #blue_project #project_skills:before, #project_marketing:before { color:#17BDE3!important; } #project_marketing { margin-top:-25px; } /*--any buttons--*/ #green_project .et_pb_button{ background:#7ACC44!important; } #red_project .et_pb_button { background:#D41443!important; } #purple_project .et_pb_button { background:#6B34AC!important; } #yellow_project .et_pb_button { background:#FFA800!important; } #blue_project .et_pb_button { background:#17BDE3!important; } /*--call to action block--*/ #coloured_block { margin:0px; padding:5px 0px 5px 0px; } #coloured_block h4 { padding:0px!important; font-size:30px; display:none; } a#block_cta { background:#222!important; padding:4px auto!important; text-transform:uppercase; font-weight:bold!important; font-size:27px!important; } #green_project #coloured_block { background:#7ACC44; } #red_project #coloured_block { background:#D41443; } #purple_project #coloured_block { background:#6B34AC; } #yellow_project #coloured_block { background:#FFA800; } #blue_project #coloured_block { background:#17BDE3; } #green_project a#block_cta, #green_project a#block_cta:after { background:#222!important; color:#7ACC44!important; display:none; } #red_project a#block_cta, #red_project a#block_cta:after { background:#222!important; color:#D41443!important; display:none; } #purple_project a#block_cta, #purple_project a#block_cta:after { background:#222!important; color:#6B34AC!important; display:none; } #yellow_project a#block_cta, #yellow_project a#block_cta:after { background:#222!important; color:#FFA800!important; display:none; } #blue_project a#block_cta,#blue_project a#block_cta:after { background:#222!important; color:#17BDE3!important; display:none; } /*--extras--*/ #bottom_eight .et_pb_row { width:100%; max-width:100%; padding:0px!important; } #bottom_eight .et_pb_row .et_pb_column { padding:0px!important; margin:0px!important; width:calc(100% / 8); } /*--Next / Prev projects--*/ .nav-single { margin:35px auto 30px auto!important; max-width:1240px!important; } .nav-previous, .nav-next { padding:15px 25px; border-radius:10px; } .nav-previous a, .nav-next a { font-size:18px; color:#FFFFFF!important; text-transform:uppercase; font-weight:bold; } #green_project .nav-previous, #green_project .nav-next { background:#7ACC44!important; box-shadow:0px 5px 0px #5d9e33; } #red_project .nav-previous, #red_project .nav-next { background:#D41443!important; box-shadow:0px 5px 0px #ae1138; } #purple_project .nav-previous, #purple_project .nav-next { background:#6B34AC!important; box-shadow:0px 5px 0px #4a217b; } #yellow_project .nav-previous, #yellow_project .nav-next { background:#FFA800!important; box-shadow:0px 5px 0px #c07e00; } #blue_project .nav-previous, #blue_project .nav-next { background:#17BDE3!important; box-shadow:0px 5px 0px #077e99; } span.meta-nav { display:none; } .nav-previous a:before { content:"<"; font-weight:bolder!important; } .nav-next a:after { content:">"; font-weight:bolder!important; } /*--fringe--*/ #fringe_instructions { background-position:20% 54%!important; background-size: 80% auto!important; } #fringe_instructions img { padding:30px!important; } /*------------------------------------------------*/ /*---------------------[ABOUT]--------------------*/ /*------------------------------------------------*/ #characters { padding-bottom:45px!important; text-align:center; } #characters { border-top:10px solid #FFF; } #characters h4 { padding:10px 0px 0px 0px!important; } #characters img { width:200px; } #characters .et_pb_column_1_5 { width:calc(100% / 3 - 60px)!important; margin:0px 30px 50px 30px!important; } #characters .et_pb_column_1_5:nth-child(4), #characters .et_pb_column_1_5:nth-child(5) { width: calc(100% / 2 - 60px)!important; margin:0px 30px 50px 30px!important; } #characters .et_pb_column_1_5:nth-child(4) { content:' '; display:block; clear:left; } #text_overlay_vid.et_pb_row { padding:0px!important; } #video_overlay_text { width:100%; height:0px; padding:20% 0%; text-align:center; color:#FFF; font-weight:bold; font-size:36px; background:rgba(255,255,255,0.2); } #video_overlay_text h1 { font-weight:bold!important; } #about_block, #about_block p { color:#333333!important; font-weight:bolder!important; font-size:24px!important; padding:50px 0px 0px 0px!important; } #about_cta { padding:0px 0px 25px 0px!important; } #about_cta #block_text { margin-bottom:0px!important;} #about_cta .et_pb_button_module_wrapper { margin-top:20px!important; } /*--testimonial--*/ .et_pb_slide_content{ position:relative; } .et_pb_slide_description { text-shadow:none!important; padding:80px 0px 70px 0px!important; } .et_pb_slide_description p:before, .et_pb_slide_description p:after { font-family:Georgia, "Times New Roman", Times, serif; display:block; font-weight:bold; font-size:150px; color:#D41443; } .et_pb_slide_description p:before { content:open-quote; position:absolute; top:0; left:0; } .et_pb_slide_description p:after { content:close-quote; position:absolute; bottom:100; right:0; } .et_pb_slide_description p { padding:0px 100px!important; display:block; font-size:24px!important; color:#333333!important; } /*------------------------------------------------*/ /*----------------[CONTACT PAGE]------------------*/ /*------------------------------------------------*/ #contact_headline.et_pb_row { padding:0px 0px!important; } #contact_form input, #contact_form textarea { border-radius:10px; border:none; min-height:50px; } input#gform_submit_button_1 { background:#D41443; border:4px solid #FFFFFF; color:#FFFFFF; padding:15px 30px; font-size:24px; font-weight:bold; } #contact_info.et_pb_text a { font-weight:bold; color:#333333!important; } .name_first label, .name_last label { display:none!important; } .gform_wrapper .gfield_required { color:#D41443!important; } .gform_wrapper li.gfield.gfield_error { background-color:rgba(255,255,255,0)!important; border-top:0px solid #FFF!important; border-bottom:0px solid #FFF!important; } .gform_wrapper .validation_message,.gform_wrapper .gfield_error .gfield_label { color:#333!important; } .gform_validation_error li.gfield_error textarea, .gform_validation_error li.gfield_error input { border:2px solid #D41443!important; } .gform_wrapper .field_description_below .gfield_description { padding-top:0px!important; } .validation_error { display:none!important; } .gform_wrapper ul.gform_fields li.gfield.gfield_error+li.gfield.gfield_error { margin-top:0px!important; } /*------------------------------------------------*/ /*---------------------[HEADER]-------------------*/ /*------------------------------------------------*/ .single-project .et_pb_row_0 { padding-top:0px; } header#main-header { border-bottom: 4px solid #FFFFFF; } /*------------------------------------------------*/ /*---------------------[FOOTER]-------------------*/ /*------------------------------------------------*/ .footer-widget h4 { padding:10px 0px 0px 0px!important; font-weight:bold; color:#FFF; font-size:24px!important; } .footer-widget p, .footer-widget .textwidget, #footer-widgets .footer-widget li a { color:#FFF!important; font-size:16px; } #footer-widgets .footer-widget li a:hover { color:#D41443!important; } .footer-widget li:before { border-color:#aaaaaa; } .et_pb_widget ul li { margin:0px 0px 0px 0px!important; } #footer_bottom_left { width:60%; float:left;} #footer_bottom_right { width:40%; float:right; text-align:right; } #footer_bottom_right img { float:right; width:30px; margin:0px 0px 10px 10px; } #custom_social img { float:left; width:30px; margin:0px 10px 10px 0px; } #footer-bottom p { font-size:14px; color:#777; } #footer-bottom .et_pb_section:last-child ul { padding:0px 0px 10px 0px; } #footer-bottom .et_pb_section:last-child ul li { list-style:none; } #footer-bottom .et_pb_section:last-child ul li a { color:#FFFFFF!important; } #main-footer .textwidget img { max-width:150px; margin-top:10px; } .footer-widget li:before { border-color:#FFF; } body #ramjam_footer_logo { width:180px; height:36px; background:url(/images/rj_white.png); background-size:100% 100%; margin-bottom:10px; } body#green_project #ramjam_footer_logo { background:url(/images/rj_green.png); background-size:100% 100%; } body#blue_project #ramjam_footer_logo { background:url(/images/rj_blue.png); background-size:100% 100%; } body#red_project #ramjam_footer_logo { background:url(/images/rj_red.png); background-size:100% 100%; } body#yellow_project #ramjam_footer_logo { background:url(/images/rj_yellow.png); background-size:100% 100%; } body#purple_project #ramjam_footer_logo { background:url(/images/rj_purple.png); background-size:100% 100%; } body#green_project .footer-widget h4 { color:#7ACC44; } body#blue_project .footer-widget h4 { color:#17BEE3; } body#red_project .footer-widget h4 { color:#D41443; } body#yellow_project .footer-widget h4 { color:#FFA800; } body#purple_project .footer-widget h4 { color:#6B34AC; } /*------------------------------------------------*/ /*----------------------[BLOG]--------------------*/ /*------------------------------------------------*/ .et_pb_search { text-align:center; } .et_pb_blog_grid_wrapper .et_pb_blog_grid[data-columns] .column .et_pb_post { opacity:1; -webkit-animation:none; -moz-animation:none; -o-animation:none; animation:none; } .et_pb_blog_grid_wrapper .et_pb_image_container { margin:0px 0px 30px 0px; } .et_pb_blog_grid_wrapper .et_pb_blog_grid .et_pb_post { padding:0px 0px 20px 0px; border:0px;} .et_pb_blog_grid_wrapper .et_pb_blog_grid_wrapper h2 { padding:0px; } .et_pb_blog_grid_wrapper .category { margin-top:-40px; position:absolute; margin-bottom:50px; } .et_pb_blog_grid_wrapper .category a { background:#333; color:#FFF; padding:7px 12px; border:4px solid #FFF; } .et_pb_blog_grid_wrapper .et_pb_blog_grid h2 { margin-top:35px; } .et_pb_blog_grid_wrapper p.category { margin-left:9px; } .et_pb_blog_grid_wrapper .post-content { margin-top:15px; } .et_pb_blog_grid_wrapper article.category-technology .category a { background:#17BEE3; } .et_pb_blog_grid_wrapper article.category-launch .category a { background:#D41443; } .et_pb_blog_grid_wrapper article.category-coming-soon .category a { background:#6B34AC; } .et_pb_blog_grid_wrapper article h2 { margin:35px 10px 5px 10px!important; font-size:20px!important; line-height:125%; } .et_pb_blog_grid_wrapper article.category-technology { border-bottom: 4px solid #17BEE3!important; } .et_pb_blog_grid_wrapper article.category-technology h2 { color:#17BEE3; } .et_pb_blog_grid_wrapper article.category-technology p.category a { background:#17BEE3; } .et_pb_blog_grid_wrapper article.category-latest-news { border-bottom: 4px solid #D41443!important; } .et_pb_blog_grid_wrapper article.category-latest-news h2 { color:#D41443; } .et_pb_blog_grid_wrapper article.category-latest-news p.category a { background:#D41443; } .et_pb_blog_grid_wrapper article.category-coming-soon { border-bottom: 4px solid #6B34AC!important; } .et_pb_blog_grid_wrapper article.category-coming-soon h2 { color:#6B34AC; } .et_pb_blog_grid_wrapper article.category-coming-soon p.category a { background:#6B34AC; } .et_pb_blog_grid_wrapper article.category-press-releases { border-bottom: 4px solid #17BEE3!important; } .et_pb_blog_grid_wrapper article.category-press-releases h2 { color:#17BEE3; } .et_pb_blog_grid_wrapper article.category-press-releases p.category a { background:#17BEE3; } .et_pb_blog_grid_wrapper .pagination .alignleft a, .et_pb_blog_grid_wrapper .pagination .alignright a { color:#FFF; background:#222; padding:10px 15px; } .et_pb_blog_grid_wrapper p.post-meta, .post-content p { margin-left:15px; font-size:15px!important; line-height:150%!important; } .et_pb_blog_grid_wrapper .vcard a { color:#333!important; font-weight:bold; } .et_pb_blog_grid_wrapper .single-post article.category-technology { border-bottom:none!important; } .archive .container { padding-top:0px!important; } .post-content p { font-size:18px!important; } .et_pb_widget_area_left { padding-right:0px!important; border-right:0px solid #FFF!important; } .widget_search input#s, .widget_search input#searchsubmit { border:3px solid #D41443; height:45px!important; } .widget_search #searchsubmit { background-color:#D41443; color:#FFFFFF!important; font-weight:bold; } #search-2, #recent-posts-2 { margin-bottom:0px!important; } .et_pb_widget_area_left h4, #sidebar h4 { font-size:21px!important; padding:30px 0px 5px 0px!important; } .et_pb_widget_area_left ul li, #sidebar ul li { margin-bottom:15px!important; } /*--------------------[BLOG POST]------------------*/ .single-post #main-content .container { padding-top:30px; } .single-post .et_post_meta_wrapper img { margin:40px 0px 10px 0px!important; } /*--------------------[CATEGORY]------------------*/ .category #main-content .container { padding-top:60px!important; } .category .et_pb_row { width:100%!important; } #sidebar li, #sidebar li a { font-size:18px!important; } #sidebar li:hover, #sidebar li a:hover { color:#333333; } .et_right_sidebar #sidebar { padding-left:0px!important; } #main-content .container:before { display:none; } /*--------------------[404]------------------*/ body.error404 #content-area h1, body.error404 #content-area p { text-align:center!important; } body.error404 #rj_game { margin:50px 0px!important; } /*------------------------------------------------*/ /*------------------------------------------------*/ /*------------------------------------------------*/ /*------------------------------------------------*/ /*------------------------------------------------*/ /*---------------[RESPONSIVE LAYOUTS]-------------*/ /*------------------------------------------------*/ /*------------------------------------------------*/ /*------------------------------------------------*/ /*------------------------------------------------*/ /*------------------------------------------------*/ /*---------------------------------------------*/ /*---------------------------------------------*/ /*-------------------[1280px]------------------*/ /*---------------------------------------------*/ /*---------------------------------------------*/ @media only screen and ( min-width: 1025px ) and ( max-width: 1440px ) { /*-- fonts --*/ h2 { font-size:30px!important; font-weight:bolder!important; } h3 { font-size:22px!important; font-weight:bolder!important; } /*-- home --*/ #home_content { padding:50px 60px 0px 60px!important; } } /*---------------------------------------------*/ /*---------------------------------------------*/ /*-------------------[1024px]------------------*/ /*---------------------------------------------*/ /*---------------------------------------------*/ @media only screen and ( min-width: 981px ) and ( max-width: 1024px ) { /*-- general --*/ .et_pb_row { width:90%!important; } /*-- fonts --*/ #block_strapline { padding:40px 0px; border:15px solid #FFF; } h1 { font-size:44px; } h2 { font-size:28px!important; font-weight:bolder!important; } h3 { font-size:20px!important; font-weight:bolder!important; } /*-- home --*/ #featured { padding:20px 40px 0px 40px!important; } .et_pb_divider { margin:20px 0px!important; } #home_content { padding:25px 35px 25px 35px!important; } /*-- about --*/ .et_pb_slider .et_pb_container { width:100%!important; } /*----- Portfolio -----*/ .et_pb_filterable_portfolio .et_pb_portfolio_filters ul { width:100%; margin:0px; } .et_pb_filterable_portfolio .et_pb_portfolio_filters ul li { width:20%; } .et_pb_portfolio_item h2 { padding:12px 0px 14px 0px!important; font-size:15px!important; } /*----- project -----*/ .single-project .et_pb_row_0.et_pb_row { padding:50px 0px 10px 0px!important; } #bottom_eight .et_pb_row .et_pb_column { padding:0px!important; margin:0px!important; width:calc(100% / 4); } /*----- news -----*/ .category #main-content .container { width:90%!important; } /*----- Header / Menu -----*/ .menu-item a { font-size:18px; padding-left:5px; } /*----- footer -----*/ #main-footer .container { width:90%; } } /*--------------------------------------------*/ /*--------------------------------------------*/ /*-------------------[768px]------------------*/ /*--------------------------------------------*/ /*--------------------------------------------*/ @media only screen and ( max-width: 980px ) { .et_pb_filterable_portfolio .et_pb_portfolio_filters ul { width:100%; margin:0px; } .et_pb_filterable_portfolio .et_pb_portfolio_filters ul li { width:20%!important; } .et_pb_filterable_portfolio .et_pb_portfolio_filters li a, .et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active { background:none; border:none; color:#FFF; font-weight:bolder; font-size:18px; padding:30px 0px!important; } } @media only screen and ( min-width: 768px ) and ( max-width: 980px ) { /*-- general --*/ .container { width:90%; } .et_header_style_left #logo { max-width:24%; } .et_pb_row { width:100%; } .et_pb_button_module_wrapper { margin:25px 0px 50px 0px!important; font-weight:normal; } .et_header_style_left .mobile_menu_bar { padding:12px 0px !important; } /*-- fonts --*/ #block_strapline { padding:30px 0px; border:12px solid #FFF; } h1 { font-size:36px; } h2 { font-size:28px!important; font-weight:bolder!important; } h3 { font-size:20px!important; font-weight:bolder!important; line-height:130%; } /*-- home --*/ /*------featured------*/ #featured { padding:30px 0px 0px 0px!important; margin:20px!important; } #featured .et_pb_column { margin:0px 0px!important; } #featured .et_pb_row { padding:10px 0px 20px 0px!important; } #featured .et_pb_column_1_8 { width:13%!important; margin:0px 6%!important; } #subheading h4 { margin:0px!important; padding:0px!important; font-size:27px!important; } #featured .et_pb_row { width:100%; max-width:100%; padding:0px 0px 15px 0px!important; } .home .et_pb_text_align_left { text-align:center; } .home h3 { margin-bottom:15px; } .home .et_pb_button_module_wrapper { text-align:center; padding:0px!important; } /*-white block titles-*/ .home .et_pb_text { padding:0px 20px 0px 20px!important; margin:-20px 0px 0px 0px; position:relative; z-index:2; } .home .et_pb_text h2 { background:#FFF; display:inline-block; padding:10px 20px 10px 20px; border-radius:6px; margin-top:-30px; } /*-- portfolio --*/ .et_pb_portfolio_item h2 { padding:12px 0px 14px 0px!important; font-size:14px!important; } #rj_portrait { position:relative; padding-bottom:160%; height:0; } #coloured_block h4 { padding:0px!important; font-size:30px; } #coloured_block .et_pb_button_module_wrapper { padding:10px 0px 0px 0px; margin:0px!important; text-align:center; } a#block_cta { background:#222!important; padding:4px auto!important; text-transform:uppercase; font-weight:bold!important; font-size:27px!important; } /*-- project --*/ .single-project .et_pb_row_0.et_pb_row { padding:40px 5% 0px 5%!important; } #main_content_box { padding:50px 5% 0px 5%; } #intro_text { padding:0px 0px 10px 0px!important; margin:-10px 0px 20px 0px; } #bottom_eight { padding:0px!important; margin:0px!important; } #bottom_eight .et_pb_row .et_pb_column { padding:0px!important; margin:0px!important; width:calc(100% / 4)!important; } .nav-single { width:90%!important; } /*--quotes--*/ .quote { padding:80px 0px 50px 0px; } .quote p { padding:0px 100px!important; } /*--fringe--*/ #fringe_badges { width:90%!important; border-radius:20px!important; } #fringe_badges img { padding:10px 15px!important; } #fringe_badges h3 { text-align:center; } #fringe_main #main_copy { width:90%!important; } #fringe_instructions { background-position:20% 49%!important; padding:0px!important; } #fringe_instructions .et_pb_column { width:calc(100% / 3)!important; } #fringe_instructions img { padding:30px!important; } #fringe_markers .et_pb_column { width:calc(100% / 3)!important; margin-bottom:0px!important; } #fringe_markers .et_pb_column #main_copy { margin-bottom:10px!important; } /*-- about --*/ #about_blurb, #characters { padding:0px 3%!important; } #gang img { max-width:500px; } #about_mix .et_pb_column_1_6 { margin-right:0px; width:calc(100% / 3)!important; } #characters h5 { border-bottom:0px solid #333; margin-bottom:0px!important; } #characters .et_pb_column_1_5 img { float:left; margin-right:20px; } #characters .et_pb_column_1_5 { margin:0px 15px 50px 15px!important; width: calc(100% / 1 - 30px)!important; } #characters .et_pb_column_1_5:nth-child(4), #characters .et_pb_column_1_5:nth-child(5) { width: calc(100% / 1 - 30px)!important; margin:0px 15px 50px 15px!important; } #characters .et_pb_column_1_5 p { font-size:18px; line-height:160%; } /*-- testimonial --*/ .et_pb_slider .et_pb_container { width:100%!important; } .et_pb_slide_description { padding:60px 0px 40px 0px!important; } .et_pb_slide_description p:before, .et_pb_slide_description p:after { font-size:120px; } .et_pb_slide_description p { padding:0px 80px!important; font-size:20px!important; } #about_block p { padding:30px 0px 0px 0px!important; font-size:18px!important; } #about_cta { padding:0px 25px!important; } #about_cta h4 { padding:40px 0px 10px 0px!important; } #about_cta .et_pb_button_module_wrapper { margin:25px 0px 25px 0px!important; } #about_block, #about_block p { text-align:center; padding:20px 0px 0px 0px!important; } /*-- contact --*/ #contact_headline .et_pb_text_0 { padding:0px 0px 0px 0px!important; } #contact_info.et_pb_text_3 { margin-top:0px!important; width:50%!important; float:left; } #contact_area { padding:15px 15px 0px 30px!important; } /*-- blog --*/ #blog_main { padding:0px 4%!important; } #search-2 { width:100%!important; padding:0px!important; margin-bottom:5px!important; } .et_pb_column .et_pb_blog_grid .column.size-1of2 { margin-bottom:0px!important; } .et_pb_blog_grid { margin-bottom:0px!important; } .et_pb_blog_grid_wrapper { margin-bottom:20px; } #recent-posts-2 { width:65%!important; margin:0px 2% 0px 0px!important; float:left!important; } #categories-2 { width:31%!important; margin:0px 0px 0px 2%!important; float:left!important; } #twitter-widget-0 { margin-top:30px!important; } #text-10 { width:100%!important; margin:auto auto 0px auto!important; } /*-- footer --*/ #footer-widgets .footer-widget { width:100%!important; margin:15px 0px 15px 0px!important; } #footer_bottom_right img { width:25px; } body #ramjam_footer_logo { width:100%; height:36px; background:url(/images/rj_white.png) top center no-repeat; background-size:180px 100%; margin-bottom:10px; } body#green_project #ramjam_footer_logo { background:url(/images/rj_green.png) top center no-repeat; background-size:180px 100%; } body#blue_project #ramjam_footer_logo { background:url(/images/rj_blue.png) top center no-repeat; background-size:180px 100%; } body#red_project #ramjam_footer_logo { background:url(/images/rj_red.png) top center no-repeat; background-size:180px 100%; } body#yellow_project #ramjam_footer_logo { background:url(/images/rj_yellow.png) top center no-repeat; background-size:180px 100%; } body#purple_project #ramjam_footer_logo { background:url(/images/rj_purple.png) top center no-repeat; background-size:180px 100%; } #text-8 .textwidget p, #text-9 .textwidget p { margin:0px!important; } } /*--------------------------------------------*/ /*--------------------------------------------*/ /*-------------------[480px]------------------*/ /*--------------------------------------------*/ /*--------------------------------------------*/ @media only screen and ( max-width: 767px ) { /*-- fonts --*/ #block_strapline { padding:20px 5px; border:8px solid #FFF; } h1 { font-size:29px!important; line-height:32px; } h2 { font-size:26px!important; font-weight:bolder!important; } h3 { font-size:20px!important; font-weight:bolder!important; line-height:130%; padding:0px 15px!important; } h4 { font-size:21px; padding:25px 0px 0px 0px!important; line-height:150%; font-weight:bolder!important; } h5 { border-bottom:none; padding-bottom:0px!important; text-align:center; } p { text-align:center; font-size:18px!important; line-height:150%!important; } .et_pb_row, .container { width:100%; } .et_pb_row { padding:15px 0px 10px 0px; } /*-- general --*/ .et_pb_button_module_wrapper { margin:25px 0px 50px 0px!important; font-weight:normal; } /*-- header --*/ #logo { margin-left:10px; } .mobile_nav { margin:19px 10px 0px 0px; } header#main-header { border-bottom: 2px solid #FFFFFF; height:70px; } .et_menu_container, #et-top-navigation { height:70px; } .et_header_style_left #et-top-navigation { padding-top:20px; } .et_header_style_left #logo { max-width:35%; } .et_pb_section { padding:0px; } span.mobile_menu_bar:before { color:#FFF!important; } /*-- home --*/ #video_ratio, #video_ratio img { height:200px; } .et_pb_button_module_wrapper { padding:0px 15px 0px 15px!important; } .home_project p { font-size:15px!important; line-height:190%!important; } .home .et_pb_text_align_left { text-align:center; } .home .et_pb_button_module_wrapper { text-align:center; padding:0px!important; } #home_content .et_pb_text p { color:#444444!important; font-weight:bolder!important; } #featured { margin:15px!important; } #featured .et_pb_column_1_8 { width:50%!important; padding:0px 40px!important; margin:0px; } /*-white block titles-*/ .home .et_pb_text { padding:0px 20px 0px 20px!important; margin:-20px 0px 0px 0px; position:relative; z-index:2; } .home .et_pb_text h2 { background:#FFF; display:inline-block; padding:13px 20px 10px 20px; border-radius:6px; margin-top:-15px; } .home .et_pb_text h3 { margin-bottom:20px!important; } /*----- Portfolio -----*/ .et_pb_filterable_portfolio .et_pb_portfolio_filters li a, .et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active { font-size:12px; padding:15px 0px!important; } .et_pb_portfolio_item { text-align:center; } .et_pb_portfolio_item a { display:block; position:relative; } .et_pb_portfolio_item h2 { padding:5px 20px 15px 20px!important; font-size:17px!important; background:#FFF; z-index:2; margin-top:-15px!important; position:relative; display:inline-block; border-radius:6px; } /*-- project --*/ .single-project .et_pb_row_0.et_pb_row { padding:20px 0px 0px 0px!important; } #project_title, #project_type { padding:0px 3%; } #main_content_box { padding:40px 3% 0px 3%; } #intro_text { padding:0px!important; margin:-10px 0px 12px 0px; } #project_client { margin-bottom:-5px; display:inline-block; width:100%; } #project_type { margin-bottom:22px!important; } .et_pb_column_1_4{ margin-bottom:15px!important; } #rj_portrait { position:relative; padding-bottom:160%; height:0; } #coloured_block h4 { padding:0px!important; font-size:30px; } a#block_cta { background:#222!important; padding:4px auto!important; text-transform:uppercase; font-weight:bold!important; font-size:27px!important; } #project_client p, #project_skills p { text-align:center; margin-bottom:25px; } #project_client:before, #project_skills:before, #project_marketing:before { display:block; width:100%; text-align:center; line-height:120%; font-weight:bold!important; } #project_skills { margin-bottom:40px; } /*--quotes--*/ .quote { padding:30px 0px 35px 0px; } .quote:before, .quote:after { font-size:85px; } .quote:before { content:open-quote; margin:0px 0px -25px 0px; } .quote p { padding:0px 35px!important; } #app_badges { padding:0px 0px 30px 0px!important; text-align:center; } #app_badges img { max-width:220px; float:none; margin:0px 0px 10px 0px; } #coloured_block { padding:5px 20px 5px 20px; } .nav-single { margin:40px auto 30px auto!important; } .nav-previous { margin:20px auto 45px auto!important; } /*--fringe--*/ #fringe_badges { width:90%!important; border-radius:20px!important; } #fringe_badges img { padding:10px 15px!important; } #fringe_badges h3 { text-align:center; } #fringe_main #main_copy { width:90%!important; margin-left:5%!important; } #fringe_instructions { background-position:20% 49%!important; padding:0px!important; } #fringe_instructions .et_pb_column { width:calc(100% / 3)!important; } #fringe_instructions img { padding:5px!important; } #fringe_markers .et_pb_column #main_copy { margin-bottom:15px!important; } /*-- about --*/ #about_header { overflow:hidden; } #about_header img { width:150%!important; max-width:150%!important; margin-left:-25%; } #about_mix .et_pb_column_1_6 { width:calc(100% / 3)!important; max-width:calc(100% / 3)!important; margin:0px!important; } #about_blurb { width:100%!important; padding:0px 5%!important; } #about_blurb .et_pb_column_4_4{ margin-bottom:15px!important; } #about_blurb img{ width:50%!important; } #characters .et_pb_column_1_5, #characters .et_pb_column_1_5:nth-child(4), #characters .et_pb_column_1_5:nth-child(5) { width:calc(100% - 30px)!important; margin:0px 15px 50px 15px!important; } #characters h5 { border-bottom:none; } #characters .et_pb_column_20 { border-bottom:none; margin:0px 15px 0px 15px!important; padding-bottom:0px; } h4, #characters { text-align:center!important; } #characters .et_pb_column_1_5 p { font-size:18px; line-height:160%; } /*-- testimonial --*/ .et_pb_slide {padding:0px 5px!important; } .et_pb_slider .et_pb_container { width:100%!important; } .et_pb_slide_description { padding:60px 0px 40px 0px!important; } .et_pb_slide_description p:before, .et_pb_slide_description p:after { font-size:85px; color:#D41443!important; } .et_pb_slide_description p { padding:0px 40px!important; font-size:18px!important; } #about_cta { padding:0px 25px!important; } #about_cta .et_pb_button_module_wrapper { margin:25px 0px 25px 0px!important; } #about_block, #about_block p { text-align:center; padding:0px 0px 0px 0px!important; font-weight:normal!important; font-size:21px!important; } #about_block img { margin-top:20px; } /*-- project --*/ #fact h3 { font-size:18px!important; } #quote_block h2 { font-size:18px!important; } /*-- news --*/ #blog_main { padding:0px 0px 30px 0px!important; } .et_pb_blog_grid_wrapper p.category { left:0; right:0; margin-left:auto; margin-right:auto; } .et_pb_blog_grid_wrapper article h2 { text-align:center; line-height:135%; margin:10px 20px!important; } .et_pb_blog_grid_wrapper p.post-meta, .post-content p { margin:0px!important; font-size:15px!important; line-height:150%!important; padding:0 20px!important; } .et_pb_blog_grid_wrapper article.category-technology { border-bottom:none!important; } .et_pb_blog_grid_wrapper article.category-latest-news { border-bottom:none!important; } .et_pb_blog_grid_wrapper article.category-coming-soon { border-bottom:none!important; } .et_pb_blog_grid_wrapper article.category-press-releases { border-bottom:none!important; } body.single-post h1, body.single-post p { padding:0px 20px!important; text-align:center; line-height:150%; } .archive .et_pb_text { padding:0px 5%!important; } .archive h2.entry-title { padding:0px 5% 20px 5%!important; text-align:center; line-height:120%; } p.post-meta { font-size:15px!important; } .post-content p { font-size:18px!important; } .et_pb_column .et_pb_blog_grid .column.size-1of1 .et_pb_post { margin-bottom:20px!important; } #blog_main { padding:0px 2%!important; } #search-2 { width:100%!important; padding:0px!important; margin-bottom:5px!important; } .et_pb_column .et_pb_blog_grid .column.size-1of2 { margin-bottom:0px!important; } .et_pb_blog_grid { margin-bottom:0px!important; } .et_pb_blog_grid_wrapper { margin-bottom:20px; } #recent-posts-2 { width:65%!important; margin:0px 2% 0px 0px!important; float:left!important; } #categories-2 { width:31%!important; margin:0px 0px 0px 2%!important; float:left!important; } #twitter-widget-0 { margin-top:30px!important; } #text-10 { width:100%!important; margin:auto auto 0px auto!important; } h4.widgettitle { text-align:left!important; } .category #main-content .container, .single-post #main-content .container { padding:10px 2% 0px 2%!important; } /*-- contact --*/ #contact_thumbnails .et_pb_column_1_4 { margin-bottom:0px!important; } #contact_area { width:90%!important; padding:0px!important; } #contact_area h3 { text-align:center!important; } #contact_info.et_pb_text_3 { margin-top:0px!important; width:100%!important; float:none; text-align:center; } #contact_area p { text-align:center!important; } .gform_wrapper { margin:0px!important; } body .gform_wrapper .top_label div.ginput_container{ margin-top:0px!important; } .gform_wrapper .gform_footer { text-align:center; margin:0px!important; padding:20px 0px 0px 0px!important;} input#gform_submit_button_1 { max-width:200px!important; height:75px; line-height:100%!important; } #contact_form { padding-bottom:20px!important; margin-bottom:0px!important; border-bottom:1px solid #BBB; } #custom_social { width:100%; text-align:center; margin-bottom:20px; } #custom_social img { float:none; } /*-- footer --*/ #footer-widgets { padding:20px 3% 20px 3%!important; } #footer-bottom p { font-size:15px!important; } .footer-widget .textwidget { text-align:center; } #footer-widgets .footer-widget:nth-of-type(1) { margin-bottom:40px!important; } #footer-widgets .footer-widget:nth-of-type(2), #footer-widgets .footer-widget:nth-of-type(3) { width:100%!important; text-align:center;} #footer-widgets .footer-widget:nth-of-type(2) { display:none; } #text-9 { width:100%; } .textwidget img { margin-bottom:15px; } .footer-widget p { font-size:15px!important; } .textwidget p { text-align:center!important; } .nav-single { text-align:center; } .nav-previous { margin-bottom:10px; } .nav-previous, .nav-next { float:none; display:block; } #ramjam_footer_logo { margin:10px 0px 22px 0px!important; } #footer_bottom_left, #footer_bottom_right { width:100%!important; padding:0% 5%; text-align:center; } #footer_bottom_right img { float:none; margin:10px 7px 7px 7px!important; } body #ramjam_footer_logo { width:100%; height:36px; background:url(/images/rj_white.png) top center no-repeat; background-size:180px 100%; margin-bottom:10px; } body#green_project #ramjam_footer_logo { background:url(/images/rj_green.png) top center no-repeat; background-size:180px 100%; } body#blue_project #ramjam_footer_logo { background:url(/images/rj_blue.png) top center no-repeat; background-size:180px 100%; } body#red_project #ramjam_footer_logo { background:url(/images/rj_red.png) top center no-repeat; background-size:180px 100%; } body#yellow_project #ramjam_footer_logo { background:url(/images/rj_yellow.png) top center no-repeat; background-size:180px 100%; } body#purple_project #ramjam_footer_logo { background:url(/images/rj_purple.png) top center no-repeat; background-size:180px 100%; } } /*--- CUSTOM MOBILE MENU ---*/ /****** Menu Full-screen ******/ .et_mobile_menu li a { color:#FFF; } /* Hide submenu */ .et_mobile_menu .menu-item-has-children > a { background-color: transparent; } #main-header .et_mobile_menu li ul.sub-menu.hide { display: none !important; visibility: hidden !important; transition: .3s ease-in-out; } #main-header .et_mobile_menu li ul.sub-menu.visible { display: block !important; visibility: visible !important; } .et_mobile_menu .menu-item-has-children > a:after { font-family: "ETmodules"; font-size: 22px; font-weight: 800; content: "3"; position: absolute; right: 55px; } /* Font Awesome */ .fa { margin: 10px ; } @media screen and (max-width: 980px) { .et_header_style_centered #main-header { position: fixed; } .et_header_style_centered #main-header .mobile_nav { background-color: transparent; } .mobile_nav.closed .select_page { display: none; } .et-fixed-header#main-header { background-color: transparent !important; } } .et_mobile_menu { top: 0; left: 0; position: fixed; z-index: 9998; overflow: scroll !important; background-color:#D41443!important; margin-left: -30px; padding: 25% 0; height: 100%; width: calc( 100% + 60px); border-top: none; } .et_mobile_menu li a { text-align: center; font-size: 1.55em; border: 0; padding: 5% 0; text-transform: uppercase; letter-spacing: 6px; } .mobile_nav ul#mobile_menu .current_page_item > a { color: #FFFFFF; background-color:#333333; } .mobile_nav ul#mobile_menu li ul li a { font-size: 1.05em !important; margin: auto; padding-top: 0.2em; } .et_mobile_menu li a:hover { color: #999; -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out; } .mobile_nav.opened .mobile_menu_bar:before { content: "\4d"; color: #fff; } span.mobile_menu_bar { z-index: 9999; } .mobile_nav ul#mobile_menu .current_page_item > a { background:#FFF!important; color:#D41443!important; } /*-- turns off animation --*/ .et_pb_filterable_portfolio .et_pb_portfolio_item.active, .et_pb_gallery_grid .et_pb_gallery_item { animation:none!important; webkit-animation:none!important; } /*-- SPUNKY --*/ #spunky_banner { background-size:600px 131px; background-color:#d32a68!important; } @media only screen and ( max-width: 767px ) { #spunky_banner { background-size:600px 131px; background-color:#d32a68!important; } } .fab_five .et_pb_row_6 { width:100%!important; max-width:100%!important; padding:0px!important; margin:0px!important; } .fab_five .et_pb_column_1_5 { padding:0px!important; margin:0px!important; width:20%!important; } .fab_five img { width:100%!important; padding:0px!important; margin:0px!important; } .et_pb_portfolio .et_pb_portfolio_item { padding:0px 8px!important; } .et_pb_animation_left.et-animated { opacity: 1; -webkit-animation: fadeLeft 0s 0 cubic-bezier(.77,0,.175,1); -moz-animation: fadeLeft 0s 0 cubic-bezier(.77,0,.175,1); -o-animation: fadeLeft 0s 0 cubic-bezier(.77,0,.175,1); animation: fadeLeft 0s 0 cubic-bezier(.77,0,.175,1); } div.footer-widget { margin-top:15px!important; margin-bottom: 0px!important; width: 100%!important; } /*********************************************************************** RAMJAM 2023 ***********************************************************************/ table#contact_table { border:none!important; } table#contact_table td { width:50%; padding: 0px 15px; border:none!important; } table#contact_table tr { border:none!important; } table#contact_table td p { text-align:left!important; } td#phone p { margin-top:20px; } table#contact_table tr td p { line-height: 150%; } p.contact_social { background-repeat:no-repeat; background-size:25px; margin-bottom:10px; padding:0px 40px 0px 40px; font-size:18px!important; font-weight:bolder!important; } p.contact_social#facebook { background-image:url("/social_icons/facebook.png"); } p.contact_social#instagram { background-image:url("/social_icons/instagram.png"); } p.contact_social#twitter { background-image:url("/social_icons/twitter.png"); } p.contact_social#linkedin { background-image:url("/social_icons/linkedin.png"); } p.contact_social#vimeo { background-image:url("/social_icons/vimeo.png"); } p.contact_social#twitch { background-image:url("/social_icons/twitch.png"); }