/*-----------------------------------------------------------------------------------

Theme Name: Brooks Child
Template: brooks

Theme URI: http://theme.iondigi.com/brooks/wordpress/
Description: Creative Multi-Purpose WordPress Theme
Author: ION Digital
Author URI: http://iondigi.com
Tags: left-sidebar, right-sidebar, full-width-template, theme-options, translation-ready
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Version: 1.0
*/

/* =Imports styles from the parent theme
-------------------------------------------------------------- */
@import url('../brooks/css/style.css');


.progress-bar {
background-color: #fff;
height: 30px;
padding: 5px;
width: 500px;
margin: 5px 0;
border-radius: 5px;
box-shadow: 0 1px 5px #e3e3e3 inset, 0 1px 0 #fff;
}
.progress-bar span {
display: inline-block;
float: left;
height: 100%;
border-radius: 3px;
box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
transition: width .4s ease-in-out;
}
.needs span {
background-color: #ff3f82;
}
.orange span {
background-color: #fecf23;
}
.progress-text {
text-align: right;
color: #ff3f82;
margin: -25px 0px; 
}
@media (min-width : 1025px) and (max-width : 1824px) {
.page-id-5984 >.wrapper__modal, .page-id-6156>.wrapper__modal{
width: 25%;
}
}@media (min-width : 800px) and (max-width : 1024px) {
.page-id-5984 >.wrapper__modal, .page-id-6156>.wrapper__modal{
width: 50%;
}
}


/* step process start*/

.circle-container {
    position: relative;
    width: 24em;
    height: 24em;
    padding: 2.8em;
    /*2.8em = 2em*1.4 (2em = half the width of a link with img, 1.4 = sqrt(2))*/
    border: dashed 1px;
    border-radius: 50%;
    margin: 1.75em auto 0;
}
.circle-container >div {
    display: block;
    position: absolute;
    top: 40%; 
    left: 43%;
    /*width: 4em; */
    height: 4em;
    margin: -2em;
}
.circle-container img { display: block; }
.deg0 { transform: translate(12em); } /* 12em = half the width of the wrapper */
.deg45 { transform: rotate(45deg) translate(12em) rotate(-45deg); }
.deg90 {transform: rotate(90deg) translate(12em) rotate(-90deg);}
.deg135 { transform: rotate(135deg) translate(12em) rotate(-135deg); }
.deg180 { transform: translate(-12em); }
.deg225 { transform: rotate(225deg) translate(12em) rotate(-225deg); }
.deg270 { transform: rotate(270deg) translate(12em) rotate(-270deg); }
.deg315 { transform: rotate(315deg) translate(12em) rotate(-315deg); }


/*step process end*/
#arrow-wrapper {
width: 700px;
height: 100px;
}

#arrow-stem {
background: transparent;
width: 600px;
height: 33px;
border-bottom: 34px solid     black;
}

#arrow-head {
border-top: 50px solid transparent;
border-left: 100px solid black;
border-bottom: 50px solid transparent;
}

.curved-arrow {
  width: 500px; 
  height: 100px;  
  border: solid 5px #000;
  border-color: #000 transparent transparent transparent;
  border-radius: 50%/100px 100px 0 0;
}

.page-id-3105 div.main__menu__inner__wrap, .page-id-6440 div.main__menu__inner__wrap {
    display: none;
}

.page-id-3105> b, strong {
  font-weight: bold !important;
}
.inviz{
  display: none !important;
}
.bg-needs-fix >div{
  background-size: 344px 331px;
  background-repeat: no-repeat;
  background-position: bottom; 
}

.backButton a {
    font-family: Open Sans;
}

.just-this-text{
  text-align: justify !important;
}

span.wpcf7-form-control-wrap.input-field label {
    text-transform: lowercase !important;
}

input.wpcf7-form-control.wpcf7-submit.btn-color.btn-sm.btn.waves-effect {
    text-transform: capitalize !important;
}


/*css arrows start*/


/*css arrows end*/


/* =Theme customization starts here
-------------------------------------------------------------- */