/* ----------------------------------------- */ /* View slug: project-listing-categories - start */ /* ----------------------------------------- */ .project-categories { margin-bottom:0px !important; } .project-category { display: inline-block; padding: 0px 30px; cursor: pointer; border-radius: 40px; padding: 10px; } .project-category.selected { border: 1px solid #00b9ef !important; } .project-category:first-child { border-left: 0px; } .project-category:last-child { border-right: 0px; } .project-category:hover { color: #00b9ef !important; } @media (max-width:800px) { .project-category { border: 0px !important; } } /* ----------------------------------------- */ /* View slug: project-listing-categories - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View slug: location-footer - start */ /* ----------------------------------------- */ .location-footer{ margin-bottom:15px; } /* ----------------------------------------- */ /* View slug: location-footer - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View slug: social-accounts - start */ /* ----------------------------------------- */ .dav-social-icons { margin-bottom:10px; } .dav-social-icons svg { max-width: 15px; margin-left: -1px; } .social-accounts i { font-size:20px; } .footer_top .q_social_icon_holder i.simple_social { margin-right:0px !important; font-size: 17px !important; margin-left: -0.5px !important; } .footer_top .q_social_icon_holder.normal_social { font-size:20px !important; color: #00b9ef !important; } .footer_top i { color: #00b9ef !important; } a.social-a { background: white; display: table-caption; padding-top: 8px; width: 32px; height: 32px; padding-left: 10px; border-radius: 50px; box-sizing: border-box; margin-right: 5px; transition: all .2s ease-in-out !important; fill: #14b9ef; } a.social-a i { color: #00b9f2 !important; } a.social-a:hover { background:transparent; fill: #fff; } i.qode_icon_font_awesome.fa.fa-facebook.simple_social.Facebook { margin-left: 1px !important; } .footer_top .q_social_icon_holder i.LinkedIn { font-size:16px !important; margin-left: 0px !important; } .footer_top .q_social_icon_holder i.Twitter { font-size:17px !important; } i.qode_icon_font_awesome.fa.fa-play.simple_social.YouTube { margin-left: 2px !important; font-size: 14px !important; margin-top: 2px; } i.qode_icon_font_awesome.fa.fa-instagram.simple_social.Instagram { margin-left: -1px !important; } /* ----------------------------------------- */ /* View slug: social-accounts - end */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Content Template: Single Project Listed - start */ /* ----------------------------------------- */ .project-container {} .project { border: 3px solid transparent; position:relative; } .project-img { position: relative; width:100%; height:auto; } .project img { margin-bottom: -6px; } a .project-overlay { position: absolute; width: 100%; height: 100%; background: #00b9ef; z-index: 10; opacity: 0; transition: opacity 0.2s linear; } a:hover .project-overlay { opacity: 0.9; transition: opacity 0.2s linear; } .project-overlay .qode-btn { border:1px solid #ffffff !important; color: #ffffff !important; background:transparent !important; } .project-overlay-button { position: absolute; z-index: 20; bottom: 50%; text-align: center; width: 100%; } .project-info { position:absolute; bottom:20px; margin: 10px; z-index:21; } .project-title { font-family:VisbyCFExtraBold; font-size: 26px; padding: 0px 5px; color: #ffffff; } .project-location { padding: 0px 5px; color: #ffffff; font-family:SourceSansProRegular; font-size: 16px; } .project:hover .project-title, .project:hover .project-location { color: #ffffff !important; } /* ----------------------------------------- */ /* Content Template: Single Project Listed - end */ /* ----------------------------------------- */