/* ----------------------------------------- */ /* Inhoudssjabloon: loop-item-in-test - start */ /* ----------------------------------------- */ /*Heading Style*/ h3{ font-family:'Roboto', sans-serif; } /* Column4 -----------------------------------*/ .pricing-col{ font-size: 16px; font-weight: 300; position: relative; } .pricing-col{ float: left; margin-bottom: 20px; } .pricing-col ul{ margin:0 10px; padding: 0; } .pricing-col ul li { list-style: none; } .pricing-col ul li>ul{ margin: 0; } /* Column Title -----------------------------------*/ .pricing-col ul li.title{ text-align: center; font-size: 14px; font-weight: 700; text-transform: uppercase; line-height: 40px; letter-spacing: 1px; border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; } .pricing-col ul li.pricing-details{ text-align: center; padding: 10px 0; margin: 0 -5px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; box-shadow:0px 0px 5px rgba(0,0,0,.2); } .pricing-col ul li.pricing-details h3{ font-size: 50px; font-weight: 500; } .pricing-col ul li.pricing-details sup{ font-size: 30px; } .pricing-col ul li.pricing-details sub{ position: relative; font-size: 14px; font-weight: normal; bottom: 10px; } .pricing-col ul li.pricing-details small{ display: block; text-transform:uppercase; } .pricing-col a.signup-btn{ display: inline-block; margin: 10px 0; padding: 5px 15px; border:2px; border-style: solid; font-size: 14px; font-weight: 400; text-transform: uppercase; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; transition:All .5s ease-in-out; -webkit-transition:All .5s ease-in-out; -moz-transition:All .5s ease-in-out; -o-transition:All .5s ease-in-out; } .pricing-col a:hover.signup-btn{ text-decoration: none; } .pricing-col li ul{ padding:15px; border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; } .pricing-col li li{ margin: 0; padding:10px 0; border-bottom: 1px dotted rgba(0,0,0,.1); } .pricing-col li li:last-child{ border-bottom: none; } .featured-red, .pricing-col { transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; } .featured-red:hover, .pricing-col:hover{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); z-index: 1; } /*-------------------------------------------------------------- -----------------FEATURED COLOR----------------------------------- ---------------------------------------------------------------*/ /*--Red--*/ .featured-red ul li.title, .featured-red li ul{background:#C0392B !important; color: #fff !important;} .featured-red ul li.pricing-details{background:#E74C3C !important; color: #fff !important;} .featured-orange ul li.pricing-details small{color: rgba(255,255,255,.5) !important;} .featured-red a.signup-btn{color:#fff !important; border-color: #fff !important} .featured-red a:hover.signup-btn{background: #fff !important; color:#E74C3C !important} /*-------------------------------------------------------------- -----------------COLOR STYLE-----------------------------------*/ /*--SILVER--*/ .Silver .pricing-col ul li.title, .Silver .pricing-col li ul{background:#BDC3C7; color: #fff;} .Silver .pricing-col ul li.pricing-details{background:#ECF0F1; color: #34495E;} .Silver .pricing-col ul li.pricing-details small{color: rgba(0,0,0,.5);} .Silver .pricing-col a.signup-btn{color:#34495E; border-color: #34495E} .Silver .pricing-col a:hover.signup-btn{background: #34495E; color:#ECF0F1} /*============================================================== ================ RESPONSIVE ================================== ==============================================================*/ /* ----------------------------------------- */ /* Inhoudssjabloon: loop-item-in-test - einde */ /* ----------------------------------------- */