/*
Theme Name: Ceeview 2020
Theme URI: http://www.ceeview.com/
Author: Ceesoft
Author URI: http://www.ceeview.com/
Description: 
Version: 1.0
*/

* { padding:0; margin:0; box-sizing: border-box; }
ul { list-style: none; }
.cv-list { list-style: disc; }
li { line-height: 1.75; list-style-position:inside; color:#3D4F6C }

html { font:62.5% "Inter", Arial, Helvetica, sans-serif }
body { font-size:1.6rem }
p { margin-bottom:2.4rem; font-size:1.8rem; line-height:1.75; color:#3D4F6C; }
h1 { font:900 4rem/1.75 "Poppins", sans-serif; margin:2rem 0; color:#18427A }
h2 { font:600 2.8rem/1.75 "Poppins", sans-serif; margin:1.4rem 0 1rem; color:#18427A }
h3 { font:600 2rem/1.75 "Poppins", sans-serif; margin:1rem 0 1rem; color:#18427A }
h4 { font:600 1.6rem/1.75 "Poppins", sans-serif; margin:1rem 0 1rem; color:#18427A }

.is-hidden { display:none; }
.clearfloat::after { content:""; display:table; clear:both;  } 
.cv-wrapper { max-width:1200px; margin:0 auto; padding:0 20px; }
.cv-wrapper::after { content:""; display:table; clear:both; }
.cv-link { padding:0; border-radius:0; font-weight: 600; text-decoration: none; color:#2191dc; background-color:transparent; border-bottom:1px solid transparent; transition: .2s border ease-in-out }
.cv-link:hover { border-color: #2191dc }
.cv-link::after { content:" ➜"; }

.cv-level.wp-block-group { padding:60px 0; background-color:#fff; }
.cv-level.has-accent-bg { background-color:#f1f5f9 }

.is-centered { text-align: center; }
.cv-tech li { padding:5px 0; border-top:1px dashed rgba(0,0,0,.1);  }

.cv-main-header { z-index:50; position:fixed; top:0; left:0; width:100%; height:80px; background-image:linear-gradient(rgba(0,15,40,.75), transparent); }
.cv-logo { float:left; width:115px; height:25px; margin:23px 0 22px 30px; background-image:url(assets/ceeview-logo.png); text-indent:-200px; text-decoration:none; overflow:hidden; }

.cv-mobile-nav { display:none; float:right; padding:10px 20px; border:1px solid rgba(255,255,255,.35); color:#fff; background-color:#000F28; }
.cv-main-nav { float:right; margin:20px }
.cv-main-nav a { display:block; padding:10px 20px; color:#fff; font:600 1.6rem/1 "Poppins", Arial, sans-serif; text-decoration:none; text-transform: capitalize; }
.cv-main-nav .menu > .current-menu-item > a { background-color:#000F28; border-radius:20px; }
.cv-main-nav .sub-menu a { text-shadow: none; font-weight:400; }
.cv-main-nav .menu > .menu-item { display:inline-block; position:relative; text-shadow:1px 1px 3px rgba(0,0,0,.15) }
.cv-main-nav .sub-menu { display:none; z-index:500; position:absolute; left:0; width:280px; padding:10px 0; border-radius:5px; background-color:rgba(0,15,40,.95) }
.cv-main-nav .sub-menu .menu-item:hover a { background-image:linear-gradient(90deg, #2191dc, transparent); }
.cv-main-nav .menu > .menu-item:hover .sub-menu { display:block; }

.cv-hero { position:relative; height:500px; padding:130px 0 150px; background-image:linear-gradient(135deg, #000F28 15%, #093451); background-color:#09325d; color:#fff; text-align: center; }
.cv-home-hero::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: linear-gradient(135deg, transparent 15%, rgba(5, 91, 135, .85) 80%); }
.cv-home-hero::after { content: ""; position: absolute; top: 150px; right: 100px; bottom: 50px; left: 100px; background-image: radial-gradient(rgba(255, 255, 255,.25) 1px, transparent 0); background-size: 30px 30px; background-position: 16px 16px; transition:.25s all }
.cv-home-hero { height:600px; background-image:url("assets/hero-home.jpg"); background-position:center; background-size: cover; }
.cv-home-hero .cv-headline { margin:100px 0 20px; font-size:5rem; background:transparent; text-shadow: 0 2px 5px #000f28 }
.cv-home-hero .cv-subtitle { max-width:720px; padding:20px; border-radius:5px; margin:auto; font-size:1.6rem; font-weight:400; line-height: 1.6; background-color: #2191dc; background-image:linear-gradient(137.5deg,#03a9f4 5%,#3f51b5 95%); box-shadow:inset 0 0 0 1px rgb(255 255 255 / 15%), 0 5px 15px #212a5e }
.cv-headline { z-index: 10; position:relative; display:inline-block; padding:10px 30px; border-radius:35px; margin:80px 0 20px; font:400 3.6rem 'Poppins', sans-serif; background-image: linear-gradient(rgba(0,15,40,.3), transparent); color:#fff; text-shadow: 1px 1px 0 rgba(0,0,0,.15); }
.cv-headline a { background-color:rgba(0,0,0,.15); color:#fff; }
.cv-subtitle { z-index: 10; position:relative; font:400 2rem "Poppins", Arial, Helvetica, sans-serif; color:#fff }
.cv-breaker { position:absolute; bottom:-20px; left:50%; margin-left:-330px; width:660px; padding:10px 20px; background-color:#da3c55; color:#fff; }
.cv-content-heading { display:block; padding:10px 20px; font-size:2.4rem; color:#18427A }

.cv-solutions { padding:100px 0; background:linear-gradient(137.5deg, #F1F5F9 15%, #c8daec) }
.cv-solution { float:left; width:calc(50% - 20px); min-height:260px; padding:20px; margin:10px; background-color:#fff; background-image:linear-gradient(135deg, #F1F5F9 15%, #fff);  border-radius: 5px; box-shadow: 0 1px 3px #c8daec }
.cv-solution:hover { background:#fff; box-shadow: 0 4px 10px #c8daec; background-image:none}
.cv-solution.is-transparent:hover { box-shadow:none; border:none; }
.cv-solution.is-transparent { background:none; box-shadow:none }
.cv-solution-content { float:left; width:60%; padding-left:10px }
.cv-solution .cv-block-title { width:100%; margin:0 0 1rem; font:600 1.8rem/1.5 "Poppins", Arial, Helvetica, sans-serif; color:#0A3754; }
.cv-solution .cv-link { padding:0; border-radius:0; font-weight: 600; text-decoration: none; color:#2191dc; background-color:transparent; border-bottom:1px solid transparent; transition: .2s border ease-in-out }
.cv-solution:hover .cv-link { border-color: #2191dc }
.cv-solution .cv-info { display:block; width:100%; color:#567; line-height: 1.75; font-size:1.6rem; }
.cv-solution .cv-image-wrap { position:relative; float:left; width:40%; padding:20px 0; overflow:hidden; text-align: center; transition:.25s all  }
.cv-solution .cv-image { width:100%;  }
.cv-solutions-title { margin:0; font-size:3.6rem; }
.cv-solutions-subtitle { opacity:.75; font-size:1.6rem; font-weight:400 }

.cv-news { margin-top:50px; }
.cv-news-cta { display:inline-block; position: relative; margin: 0 auto; z-index: 5;}
.cv-news-link { display:inline-block; background-image: linear-gradient(137.5deg,#03a9f4 5%,#3f51b5 95%); color: #fff;  padding: 10px 25px; font-size: 1.8rem; font-weight:600;  border-radius: 30px; text-decoration: none; transition: background-image .25s ease; }
.cv-news-link:hover { background-image: linear-gradient(137.5deg,#03a9f4 0%, #03a9f4 100%); }
.cv-news-label { display:block; color:#777; font-size:1.2rem; padding-top:10px;  }

.cv-feature-set { padding:100px 0; background-image:linear-gradient(135deg, #1c2861 15%, #1681b1) }
.cv-feature-set .cv-level-title { max-width:900px; margin:auto auto 20px; font:400 2rem/1.75 "Poppins", Arial, Helvetica, sans-serif; color:#fff; text-align: center; }
.cv-feature { float:left; width:calc(33.3333% - 2px); min-height:190px; padding:20px; border-radius:4px; margin:30px 1px; background-color:rgba(0,0,0,.1); color:#fff }
.cv-feature .cv-title { margin-bottom:10px; color:#fff; font-size:1.6rem; text-transform: uppercase; }
.cv-feature .cv-icon { float:right; max-width:24px; max-height:24px; }
.cv-feature .cv-info { opacity:.75; margin:0; font-size:1.6rem; color:#fff; }
.cv-feature-set .cv-item { float:left; width:calc(25% - 20px); padding:10px; margin:30px 10px; height:160px; background-color:#fff; border-radius:4px; }
.cv-feature-set .cv-item img { max-width:100%; max-height:100% }
.cv-features-slider { float:left; width:100% }

.cv-testimonials { padding:20px 0; background-color: #F1F5F9; text-align: center; }
.cv-testimonial { position:relative; padding: 20px 0; margin: 40px 0; text-align: center; }
.cv-testimonial::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: radial-gradient(rgba(24, 66, 122,.25) 1px, transparent 0); background-size: 30px 30px; background-position: 24px 24px; color:#fff }
.cv-quote { z-index:10; position:relative; display:inline-block; width:600px; padding:50px; font-size:1.6rem; line-height: 1.8; background-color:#fff; color:#567; vertical-align: middle; text-align: center; box-shadow:0 10px 40px rgba(24, 66, 122,.15) }
.cv-quote::after { content:""; position:absolute; top:-10px; left:-10px; width:60px; height:48px; background:url("assets/quote.png") no-repeat}
.cv-author { z-index:10; position:relative; display:inline-block; width:400px; padding:40px; margin:0 auto; text-align: center; vertical-align: middle; }
.cv-author .cv-image { width:128px; height:128px;  }
.cv-author .cv-name { display:block; width:100%; margin:10px; font-weight: 600; }

.cv-clients { padding:20px 0; background-color:#fff }
.cv-clients .aim-item { display:inline-block; width:calc(20% - 4px); vertical-align: middle; }

.cv-footer-cta  { padding:60px 0; background-image:linear-gradient(135deg,#00306d 45%,#8e3fff); }
.cv-footer-cta .cv-subtitle, .cv-footer-cta .cv-title  { max-width:80%; color:#fff }
.cv-footer-cta .cv-cta-link  { position:relative; margin-top:20px; border-radius:4px; font-weight:700; background-image: linear-gradient(transparent, rgba(0,0,0,.1)); box-shadow: 1px 1px 4px rgba(0,0,0, .25) }
.cv-cta-link:hover  { box-shadow: -5px -5px 0 2px rgba(0,0,0,.35); background-image: none }
.cv-cta-link::before  { opacity:0; content:""; position:absolute; bottom:0; right:20px; width:10px; height:10px; background-color:#fff; transform: rotate(45deg); transition: .25s bottom ease-out }
.cv-cta-link:hover::before  {  opacity:1; bottom:-5px;  }

.cv-main-footer { padding:60px 0; background-color:#111d2c; color:#fff; font-size:1.4rem; font-weight: 300; line-height: 1.6; }
.cv-main-footer .cv-wrapper { display:flex; flex:0 1; }
.cv-main-footer .cv-column { flex:5 1 0; padding:20px 10px 20px 0; }
.cv-main-footer .cv-column:last-child { text-align: left; flex-grow:2 }
.cv-main-footer .cv-logo { margin:10px 0 20px ; filter:grayscale(1) }
.cv-main-footer .menu { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: flex-start; }
.cv-main-footer .sub-menu { margin-top: 2rem }
.cv-main-footer .sub-menu a { display:block; padding:5px 0; text-decoration:none; opacity: .7 }
.cv-main-footer .sub-menu a:hover { opacity: 1; text-decoration: underline }
.cv-main-footer .menu > .menu-item { flex: 1 1 0; padding: 0 2rem 2rem  }
.cv-main-footer .menu > .menu-item:last-child { padding:0  }
.cv-main-footer a { color:#F1F5F9 }
.cv-main-footer .cv-contact-anchor  { display:block; color:#F1F5F9 }

.cv-company-intro { width:100%; }
.cv-company-intro, .cv-company-address { margin-bottom:2rem; }
.cv-social-contact, .cv-company-address { padding-top:5px; }
.cv-social-contact .cv-social-link { opacity:.65; display:inline-block; width:32px; height:32px; margin:0 10px 20px 0; cursor:poPoppins; background-size:100% }
.cv-social-contact .cv-social-link:hover { opacity:1; }
.cv-social-contact .cv-linkedin { background-image:url("assets/social-linkedin.svg"); background-repeat: no-repeat;  }
.cv-social-contact .cv-facebook { background-image:url("assets/social-facebook.svg"); background-repeat: no-repeat;    }
.cv-social-contact .cv-twitter { background-image:url("assets/social-twitter.svg"); background-repeat: no-repeat;    }

.cv-generic-hero { height:400px; background:url("assets/generic-hero.jpg") no-repeat center; background-size: cover;  }

.cv-post-wrapper { max-width:780px }
.cv-blogs-hero, .cv-post-hero { background:url("assets/generic-hero.jpg") no-repeat center; background-size: cover;  }
.cv-blogs-landing > .cv-wrapper { padding:20px 0; }
.cv-blogs-landing .cv-article { padding:20px 20px 40px; border-bottom:1px dashed rgba(0,0,0,.15); }
.cv-blogs-landing .cv-article-title a { display:block; padding:10px 0; margin-bottom:10px; color: #da3c55; text-decoration:none; font-size:2.2rem }
.cv-blogs-landing .cv-article-content { margin:10px 0 20px 0 }
.cv-blogs-landing .cv-article-feature-image { float:right; width:200px; margin:0 0 1rem 1rem }
.cv-blogs-landing .cv-article-feature-image img { max-width:100%; max-height: 270px; width:auto; height:auto; border-radius:4px; box-shadow: 0 0 0 1px rgba(0,0,0,.1) }
.cv-article-time { display:block; font-size:1.3rem; color:#567 }
.cv-read-more { display:inline-block }

.cv-post-hero { height:460px; background:url("assets/generic-hero.jpg") no-repeat center; background-size: cover;  }
.cv-article-full { min-height:50vh; padding:40px 0; font-size:1.8rem }

.cv-blogs-pagination { float:left; width:100%; padding:20px; border-top:1px dotted #ccc; text-align: center; }

.cv-partner { padding:40px 0 20px; border-bottom:1px dashed #ddd; } 
.cv-partner img { max-width: 200px !important; max-height: 100px !important; height: auto !important; width: auto !important; } 

/* Product Page */
.cv-solution-summary { float:left; width:100%; padding-left:500px; margin:40px 0 }
.cv-solution-context { float:left; width:500px; padding-right:40px; margin-left:-500px; }
.cv-solution-title {  margin-bottom:2rem; font:600 2rem "Poppins", Arial, Helvetica, sans-serif; color:#18427A; text-transform: uppercase; }
.cv-solution-info { font-size:1.8rem;  }
.cv-solution-deliverable { width:100%; padding:4rem; background-color:#fff; box-shadow:0 10px 30px rgba(10,55,84,0.07) }
.cv-solution-deliverable .cv-info {  margin-bottom:0; font:400 1.8rem/1.75 "Poppins", sans-serif; }

.cv-login-iframe { width:360px; height:230px; padding:40px; margin-bottom:80px;background-color:#fff;border-radius:5px;box-shadow:3px 5px 20px rgba(0,0,0,.1) }
.wpcf7-form-control { width:100%; padding: 5px; border: 1px solid rgba(0,0,0,.15); border-radius: 3px; height: 40px; }
textarea.wpcf7-form-control { height:auto }

.cv-rounded-icon { padding:25%; border-radius:50%; background-color:#fff; }
.cv-404-solutions .cv-solution { height:80px; }


.cv-duett-bg { padding:20px 30px; border-radius:10px; background-image:linear-gradient(135deg, rgba(0,178,169,1) 0%,rgba(0,111,119,1) 100%); color:#fff }
.cv-duett-gradient { background-image: linear-gradient(135deg, #e6faf7, #fff); }
.cv-duett-gradient2 { background-image: linear-gradient(135deg, #fff, #e6faf7); }

.cv-kanton-bg { padding:20px 30px; border-radius:10px; background-image:linear-gradient(135deg, rgba(0,178,169,1) 0%,rgba(0,111,119,1) 100%); color:#fff }
.cv-kanton-gradient { background-image: linear-gradient(135deg, #e6faf7, #fff); }

/* Custom Blocks */
.cv-card { float:left; width:calc(50% - 20px); min-height:240px; padding:20px 20px 20px 160px; border-radius: 5px; margin:10px; background-color:#fff; box-shadow:1px 1px 4px rgba(0,0,0,.15) }
.cv-card-image { float:left; max-width:100px; margin:10px 0 0 -130px; }
.cv-card-link { font-weight: 600; }
.cv-card-info { text-align: left; opacity:.85 }

/* Call to Action */
.cv-cta-block { width: 100%; padding:40px; border-radius:10px; margin-top:3rem; background-image: linear-gradient(-45deg, #0048a5 15%, #218ebf); color: #fff; }
.cv-cta-title { margin-top:0; color: #fff }
.cv-cta-description { width: 70%; line-height:1.75; }
.cv-cta-link { position:relative; float:right; padding:15px 40px; border-radius:5px; background-color:#fff; color: #0f3667; font-weight:600; text-decoration: none;  box-shadow: 1px 1px 4px rgba(0,0,0,.25); }
.cv-cta-block.is-inverted { border:1px solid #bcedff; background-image: linear-gradient(-45deg, #bcedff 15%, #f4f8fa); color:#0f3667 }
.cv-cta-block.is-inverted .cv-cta-title { color:#0f3667 }
.cv-cta-block.is-inverted .cv-cta-link { background-image: linear-gradient(-45deg, #0048a5 15%, #218ebf); color:#fff; box-shadow:none; }

/* Overriding WP Styles */
.single-post .cv-article-full h2:not(.cv-cta-title) { margin-top:4rem }
.single-post .cv-article-full h3, .single-post h4 { margin-top:2rem }
.single-post .cv-article-full ul:not(.cv-cta-title) { margin-top:4rem }
.single-post .cv-article-full .wp-block-column ul { margin-top: 0 }
.single-post .cv-article-full ul { list-style: initial; }
.single-post .wp-block-columns { margin:3rem }
.single-post .wp-block-column p:last-child { margin-bottom:0 }
.single-post .cv-article-content .wp-block-image img { width:auto; height: auto; max-width: 100%; max-height:100%; border-radius:4px }
.wp-block-image figcaption { text-align: center;  }

.cv-article-full .wp-block-media-text__media img, .cv-article-full .wp-block-media-text__media video { max-width:100%; max-height:auto; height:auto; }

@media screen and (max-width:1000px) {
    .cv-mobile-nav { display:block; margin: 20px;border-radius: 20px;font-size: 1.3rem; cursor:poPoppins; }
    .cv-main-nav { z-index:5000; display:none; float:right; clear:right; width:300px; padding:10px; border-radius:20px; margin-top:0; background-color:rgba(0,15,40,.95) }
    .cv-main-nav .menu > .menu-item { width:100%; }
    /*.cv-main-nav .menu-item:hover > a { background-image:linear-gradient(90deg, #009de6, transparent); border-radius:20px; }*/
    .cv-main-nav .menu > .menu-item .sub-menu { display:none; position: relative; float: left; width: 100%; padding-left:20px;  background-color:transparent; }
    .cv-main-nav .menu > .menu-item:hover .sub-menu { display: none }
    .cv-main-nav .menu .menu-item.is-expanded .sub-menu { display:block; }
    .cv-main-nav .menu > .menu-item .sub-menu a { color:#fff;  }
    .cv-main-nav .current-menu-parent > a { position: relative; }
    .cv-main-nav .current-menu-parent > a::before { content:""; position:absolute; top:50%; left:2px; margin-top:-3px; width:6px; height:6px; border-radius:6px; background-color:rgba(0, 157, 230, .75); }
    .cv-main-nav .current_page_item a, .cv-main-nav .sub-menu .menu-item:hover a { background-image:linear-gradient(90deg, #009de6, transparent); border-radius: 20px; }
    .cv-main-nav { user-select: none;  }
    .cv-wrapper { max-width:100%; padding:0 20px;  }
    
    .cv-solution { display:flex; flex-direction:column; width:100%; margin:10px 0  }
    .cv-solution .cv-image-wrap { float:none; width:100%; height: auto;  }
    .cv-solution .cv-image { height: auto; max-width:410px }
    .cv-solution-content { width:100%; height:auto; }

    .cv-feature { width:100%; margin:30px 0 0 }
    .cv-quote { width:100%; }
    .cv-quote::after { top:10px; left:10px; }
    .cv-blogs-landing .cv-article { width:100%; }
    .cv-solution-summary { padding:0; margin:20px 0 } 
    .cv-solution-context, .cv-solution deliverable { width:100%; margin:20px 0; padding:20px; } 
}

@media screen and (max-width:640px) {
    .cv-level { padding:40px 0; }
    .cv-wrapper { max-width:100%; padding:0 10px;  }
    .cv-hero:not(.cv-home-hero) { height:350px; padding:80px 0 100px; }
    .cv-hero:not(.cv-home-hero) .cv-headline { margin-top:30px; font-size:2.4rem; }
    .cv-hero:not(.cv-home-hero) .cv-subtitle { font-size:2rem; }
    .cv-home-hero { height:450px; }
    .cv-home-hero .cv-headline { margin:30px 0 20px; font-size:4rem; }
    .cv-solution { width:100%; height:auto;  margin:10px 0 }
    .cv-solution .cv-image-wrap { width:100%; height: auto;  }
    .cv-solution .cv-image { height: auto; }
    .cv-solution-content { width:100%; height:auto; }
    .cv-feature, .cv-author { width:100%; }
    .cv-login-iframe { width:300px; height:200px; padding:10px; }
    .cv-blogs-landing .cv-article { min-height:auto; margin:20px 0 0 }
    .cv-blogs-landing .cv-article-title a { font-size:2rem; }
    
    .cv-article-full { padding:20px 10px }
    .single-post .wp-block-columns { margin: 3rem 0 }
    .cv-main-footer .menu > .menu-item { max-width: 50%; }


    .cv-card { width:calc(100% - 20px); padding:20px;  }
    .cv-card .cv-card-image { float:none; margin: 0 0 20px 0; }
    
    .cv-main-footer .cv-wrapper { display:block; text-align: center; }
    .cv-main-footer .cv-logo { float:none; margin:0 auto 20px; }
    .cv-company-intro, .cv-company-address { width:100%; max-width:none; text-align: center; }
    .cv-social-contact { text-align: center; } 
    .cv-main-footer .cv-column { width:100%; text-align: center; }
}