@import url('http://yui.yahooapis.com/pure/0.6.0/pure-min.css');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css');

body {
    font-family: "Open Sans", 'Helvetica', arial, serif;
}
.title2 .title:before {
    background: url(/images/icons/interlink-icon.png);
    background-size: 100%;
    /*background-color: #FFFFFF;*/
}

.boxblue { 
    background-color: #228ece;
}

.boxblue * {
    color: white;
}

.boxblue h2 { padding-bottom: 0px; margin-bottom: 10px; color: white !important; }

body.menu-home div#rt-utility .rt-grid-4 .rt-block.box3 {
    min-height: 455px;
}

body.menu-home div#rt-utility .rt-grid-4 .rt-block.box3.no-min {
    min-height: 0px;
}

.icon-inter:after {background-image: url(/images/icons/interlink-icon.png) !important;background-position:  50% 50% !important;background-repeat no-repeat !important;}
/*###### Making Menu more wide ######*/
.rt-grid-7 {
    width: 740px;
}

.rt-grid-2 {
    width: 160px;
}
/*###### Making Menu more wide ######*/
/*############# Fix overlapping of text and image on mobile #############*/

@media (max-width: 767px) {

#rt-showcase div.sprocket-features-img-container {
width: 100%;
text-align: center;
bottom: 10px;
}

#rt-showcase div.sprocket-features-container div.sprocket-features-img-container img {
display: inline-block;float: none;
}

body .fp-roksprocket-features .layout-showcase .sprocket-features-container {
height: 480px;
}

}


/*########### Removing square/bubles from JEC popup links ############## */

a.jcepopup span.jcemediabox-zoom-link {
    padding : 0;
    background : none;
}

.title .rt-bubble.rt-big-bubble {
    width: 98px;
}

.rt-bubble {
    background-color: #117fc7 !important;
    background-image: none !important;
}

.gf-menu.l1 > li.active > .item .rt-item-border {
    background: #117fc7 !important;
}

#rt-header {
    webkit-box-shadow: 0 0 6px rgba(0,0,0,0.3), inset 0 6px 0 #117fc7, inset 0 7px 0 #ffffff !important;
    -moz-box-shadow: 0 0 6px rgba(0,0,0,0.3), inset 0 6px 0 #117fc7, inset 0 7px 0 #ffffff !important;
    box-shadow: 0 0 6px rgba(0,0,0,0.3), inset 0 6px 0 #117fc7, inset 0 7px 0 #ffffff !important;
}

h2.title > span.rt-bubble { display: none !important; }

div#rt-maintop { background-color: #8a8888 !important; }

#rt-maintop .rt-bubble { 
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.4) !important;
  -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.4) !important;
  box-shadow: inset 0 0 5px rgba(0,0,0,0.4) !important;
}

.title .rt-bubble.rt-big-bubble:before {
  padding-left: 12px;
}

#rt-copyright { background: #117fc7 !important; }


/*########### Changing sprocket-lists-><li>->first child element->direction indicator ############## */
    
#rt-mainbody article ul.sprocket-lists-container > li:first-child > h4 > span > span {
	opacity: 0;
}
#rt-mainbody article ul.sprocket-lists-container > li:first-child > h4 > span:after {
	opacity: 1 !important;
    content: "\f069";
	margin-top: 5px;
	font-family: FontAwesome,sans-serif;
	font-weight: normal;
	font-style: normal;
	text-decoration: inherit;
	-webkit-font-smoothing: antialiased;
	text-decoration: inherit;
	display: inline-block;
	speak: none;
} 

/*############## Creating header with video #################*/
/* Making title header so that we can add whatever HTML code from rocksrpocket */

body .fp-roksprocket-features .sprocket-features-content {
    width: 100%;
}

/*################### Arrow position on Home page header ############### */

div.arrows-onhover .sprocket-features-arrows .arrow {
    opacity: 0;
    transition: opacity 0.2s ease-in 0s;
    top: 60px;
}

/***** Follow us buttons start here *****/

.fixed-side-social-container{left:0;width:60px;position:fixed;top:397px;background-repeat:no-repeat;z-index:10}
.fixed-side-social-container .social-icon{float:left;width:60px;filter:alpha(opacity=75);moz-opacity:.75;-khtml-opacity:.75;opacity:.75;display:block;background-repeat:no-repeat;height:60px;-webkit-transition:all ease .2s;-moz-transition:all ease .2s;-o-transition:all ease .2s;-ms-transition:all ease .2s;transition:all ease .2s;background-position:0 0}
.fixed-side-social-container .social-icon{background-image:url("/templates/rt_chapelco/images/social-media.png")}
.fixed-side-social-container .social-icon:hover{filter:alpha(opacity=99);moz-opacity:.99;-khtml-opacity:.99;opacity:.99}
.fixed-side-social-container .linkedin-icon{background-position:0 0}
.fixed-side-social-container .twitter-icon{background-position:0 -61px}
.fixed-side-social-container .facebook-icon{background-position:0 -122px}
.fixed-side-social-container .google-icon{background-position:0 -186px}

/****** Follow us buttons end here ******/


/******* Case Study Button *********/

.btn-study {
    background-color: #1e5898;
    background-image: linear-gradient(to bottom, #1e5898, #1e5898);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.btn-study:hover, .btn-study:active, .btn-study.active, .btn-study.disabled, .btn-study[disabled] {
    background-color: #1e5898;
    color: #fff;
}
.btn-study:active, .btn-study.active {
}
.btn-study:hover, .btn-study:focus, .btn-study:active, .btn-study.active, .btn-study.disabled, .btn-study[disabled] {
    background-color: #1e5880;
    color: #fff;
}

.rt-container > .rt-grid-12 > .rt-block {
    padding-right: 0px !important;
    /*padding-left: 0px !important;*/
    padding-bottom: 0px !important;
    margin-right: 0px !important;
    /*margin-left: 0px !important;*/
    margin-bottom: 0px !important;
}

.rt-showcase-bg { background-image: none !important; }

form * { font-family: "Lato", helvetica, arial, sans-serif !important; }

#form12, #form13, #form14, #form15, #form16, #form17, #form18
, #form19, #form20, #form21, #form22, #form23, #form24, #form25
, #form26, #form27, #form28, #form29, #form30, #form31 { margin-top: -35px; }

#form12 input[type='text'], #form13 input[type='text']
, #form14 input[type='text'], #form15 input[type='text']
, #form16 input[type='text'], #form17 input[type='text']
, #form18 input[type='text'], #form19 input[type='text']
, #form20 input[type='text'], #form21 input[type='text']
, #form22 input[type='text'], #form23 input[type='text']
, #form24 input[type='text'], #form25 input[type='text']
, #form26 input[type='text'], #form27 input[type='text']
, #form28 input[type='text'], #form29 input[type='text']
, #form30 input[type='text'], #form31 input[type='text'] {
    height: 25px !important;
    border-radius: 3px !important;
    width: 100% !important;
}

#form12 .wdform-label, #form13 .wdform-label
, #form14 .wdform-label, #form15 .wdform-label
, #form16 .wdform-label, #form17 .wdform-label
, #form18 .wdform-label, #form19 .wdform-label
, #form20 .wdform-label, #form21 .wdform-label
, #form22 .wdform-label, #form23 .wdform-label
, #form24 .wdform-label, #form25 .wdform-label
, #form26 .wdform-label, #form27 .wdform-label
, #form28 .wdform-label, #form29 .wdform-label
, #form30 .wdform-label, #form31 .wdform-label {
    line-height: 23px !important;
    font-weight: 700 !important;
    font-size: 12px !important;
}

#form12 .button-submit, #form13 .button-submit
, #form14 .button-submit, #form15 .button-submit
, #form16 .button-submit, #form17 .button-submit
, #form18 .button-submit, #form19 .button-submit
, #form20 .button-submit, #form21 .button-submit
, #form22 .button-submit, #form23 .button-submit
, #form24 .button-submit, #form25 .button-submit
, #form26 .button-submit, #form27 .button-submit
, #form28 .button-submit, #form29 .button-submit
, #form30 .button-submit, #form31 .button-submit {
    color: #fff !important;
    text-shadow: 0px -1px 0px #3574e3 !important;
    background-color: #3574e3 !important;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7ec8f4), color-stop(100%, #3574e3)) !important;
    background-image: -webkit-linear-gradient(top, #7ec8f4,#3574e3) !important;
    background-image: -moz-linear-gradient(top, #7ec8f4,#3574e3) !important;
    background-image: linear-gradient(top, #7ec8f4,#3574e3) !important;
    box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5) !important;
    border-top: 1px solid #64baf0 !important;
    border-bottom: 1px solid #1c4ed5 !important;
    border-right: 1px solid #468ee6 !important;
    border-left: 1px solid #468ee6 !important;
    border-radius: 4px !important;
    -webkit-transition: opacity 0.15s linear !important;
    -moz-transition: opacity 0.15s linear !important;
    transition: opacity 0.15s linear !important;
    -moz-user-select: none !important;
    -webkit-user-select: none !important;
    user-select: none !important;
}

#form12 .button-submit, #form13 .button-submit
, #form14 .button-submit, #form15 .button-submit
, #form16 .button-submit, #form17 .button-submit
, #form18 .button-submit, #form19 .button-submit
, #form20 .button-submit, #form21 .button-submit
, #form22 .button-submit, #form23 .button-submit
, #form24 .button-submit, #form25 .button-submit
, #form26 .button-submit, #form27 .button-submit
, #form28 .button-submit, #form29 .button-submit
, #form30 .button-submit, #form31 .button-submit {
    color: #fff !important;
    text-shadow: 0px -1px 0px #3574e3 !important;
    background-color: #3574e3 !important;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7ec8f4), color-stop(100%, #3574e3)) !important;
    background-image: -webkit-linear-gradient(top, #7ec8f4,#3574e3) !important;
    background-image: -moz-linear-gradient(top, #7ec8f4,#3574e3) !important;
    background-image: linear-gradient(top, #7ec8f4,#3574e3) !important;
    box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5) !important;
    border-top: 1px solid #64baf0 !important;
    border-bottom: 1px solid #1c4ed5 !important;
    border-right: 1px solid #468ee6 !important;
    border-left: 1px solid #468ee6 !important;
    border-radius: 4px !important;
    -webkit-transition: opacity 0.15s linear !important;
    -moz-transition: opacity 0.15s linear !important;
    transition: opacity 0.15s linear !important;
    -moz-user-select: none !important;
    -webkit-user-select: none !important;
    user-select: none !important;

    line-height: 25px !important;
    font-size: 12px !important;
    min-height: 25px !important;
    width: 175px !important;
}

.eb-post { background-color: #ffffff; }

.eb-entry { background-color: #ffffff; 
    border: 1px solid #ddd;
    position: relative;
    padding: 10px 10px 10px;
}

div.eb-category { display: none; }

div.module-content > .mod_easyblogcategories, div.module-content > .mod_easyblogarchive {
    background: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border: none !important;
}

#recaptcha_logo, #recaptcha_privacy { display: none; }

#form18 { margin-bottom: -20px; }

/* FUNDING PAGE CSS */
h3.fund-title {
    text-align: center; 
    color: white; 
    padding-bottom: 7px; 
    margin-bottom: 0px;
    line-height: 30px;
}

div.fund {
    border: 1px solid black; 
    border-image: none; 
    margin-top: 25px;
    /*height: 447px;*/
}

div.fund td {
    padding: 5px 20px; 
    color: white;
}

div.fund td.fund-price {
    height: 24px;
}

div.fund td.fund-body {
    height: 233px;
    min-height: 233px;
    color: black;
    vertical-align: top;
}

div.fund td.fund-title {
    height: 116px;
}

.special { width: 46.618785% !important; }

@media (min-width: 1200px) {
    .special {
        width: 46.618785% !important;
    }
}

@media (max-width: 979px) and (min-width: 768px) {
    .special {
        width: 46.618785% !important;
    }
}

@media (max-width: 767px) {
    .special {
        width: 100% !important;
    }
}
