Current File : /home/itiffy/public_html/blog/wp-content/themes/itiffyblog/assets/css/easy-responsive-tabs.css

ul.resp-tabs-list {margin:10px auto; padding:0px; text-align:center;}
.resp-tabs-list li {font-size:16px; font-weight:400; display:block; margin:0 46px; padding:0; list-style:none; cursor:pointer; text-align:center; min-height:100px; float:left;}
.resp-tabs-list li span {display:block;}
.resp-tabs-container {padding:0px; background-color:#ffffff; clear:left;}
h2.resp-accordion {cursor:pointer; padding:5px; display:none;}
.resp-tab-active {border-bottom:10px solid #2a89c1;}
.resp-tab-active {border-bottom:10px solid #2a89c1;}
.resp-content-active, .resp-accordion-active {display:block;}
.resp-tab-content {display:none; text-align:center; padding-top:30px;}
.resp-tab-content h2 {font-family:'Quicksand', sans-serif; font-size:46px; font-weight:300; line-height:1; color:#bebebe; padding:10px 0;}
.resp-tab-content h2 strong {color:#1b6791; font-weight:500;}
.resp-tab-content h3 {font-family:'Quicksand', sans-serif; font-size:36px; font-weight:500; line-height:1; color:#1b6791; padding:20px 0;}
.resp-tab-content h3 span {color:#ff7058;}
.resp-tab-content h6 {font-family:'Quicksand', sans-serif; font-size:24px; font-weight:500; line-height:1; color:#474646; padding:20px 0;}
.resp-tab-content p {font-size:14px; font-weight:400; line-height:1.4; color:#585858; padding:10px 0;}
.resp-tab-content ul {margin:0; padding:10px 0; list-style:disc;}
.resp-tab-content ul li {margin:0; padding:0; font-size:14px; font-weight:400; line-height:1.4; color:#585858;}

.list-content {margin:0 auto; max-width:1000px;}
.list-content ul {margin:0; padding:20px 0; list-style:none;}
.list-content ul li {margin:0; padding:10px 0 10px 50px; font-size:16px; font-weight:400; line-height:1.4; color:#424242; background:url(../images/bullet-01.png) no-repeat 0 15px; text-align:left;}

.ppc-vs-seo {margin-bottom:-60px; margin-top:60px;}

h2.resp-accordion {font-size:13px; border:1px solid #c1c1c1; border-top:0px solid #c1c1c1; margin:0px; padding:10px 15px;}
h2.resp-tab-active {border-bottom:0px solid #c1c1c1 !important; margin-bottom:0px !important; padding:10px 15px !important;}
h2.resp-tab-title:last-child {border-bottom:12px solid #c1c1c1 !important; background:blue;}
/*-----------Vertical tabs-----------*/
.resp-vtabs ul.resp-tabs-list {float:left; width:30%;}
.resp-vtabs .resp-tabs-list li {display:block; padding:15px 15px !important; margin:0; cursor:pointer; float:none;}
.resp-vtabs .resp-tabs-container {padding:0px; background-color:#fff; border:1px solid #c1c1c1; float:left; width:68%; min-height:250px; border-radius:4px; 	clear:none;}
.resp-vtabs .resp-tab-content {border:none;}
.resp-vtabs li.resp-tab-active {border:1px solid #c1c1c1; border-right:none; background-color:#fff; position:relative; z-index:1; margin-right:-1px !important; padding:14px 15px 15px 14px !important;}
.resp-arrow {width:0; height:0; float:right; margin-top:3px; border-left:6px solid transparent; border-right:6px solid transparent; border-top:12px solid #c1c1c1;}
h2.resp-tab-active span.resp-arrow {border:none; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:12px solid #9B9797;}
/*-----------Accordion styles-----------*/
h2.resp-tab-active {background:#DBDBDB !important;}
.resp-easy-accordion h2.resp-accordion {display:block;}
.resp-easy-accordion .resp-tab-content {border:1px solid #c1c1c1;}
.resp-easy-accordion .resp-tab-content:last-child {border-bottom:1px solid #c1c1c1 !important;}
.resp-jfit {width:100%; margin:0px;}
.resp-tab-content-active {display:block;}
h2.resp-accordion:first-child {border-top:1px solid #c1c1c1 !important;}
/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width:768px) {
ul.resp-tabs-list {display:none;}
h2.resp-accordion {display:block;}
.resp-vtabs .resp-tab-content {border:1px solid #C1C1C1;}
.resp-vtabs .resp-tabs-container {border:none; float:none; width:100%; min-height:initial; clear:none;}
.resp-accordion-closed {display:none !important;}
.resp-vtabs .resp-tab-content:last-child {border-bottom:1px solid #c1c1c1 !important;}
}