/*
Theme Name: Truepath
Theme URI: https://wordpress.org/themes/iconic-one
Description: Iconic One Child Theme for Truepath.com
Author: Adam Bitting
Author URI: http://adambitting.com
Template: iconic-one
Version: 1.0.0
*/
@import url("../iconic-one/style.css");
/* =Theme customization starts here
-------------------------------------------------------------- */
*
{
font-family: 'brownlight', 'Arial Unicode MS', Arial, Helvetica, Sans-Serif;
}
body
{
background-color:#2192c9;
}

#boxxer
{
width:89%;
margin:auto;
padding-left:3% !important;
padding-right:3% !important;
}

.extrafeature
{
display:none;
color:#fff;
}

.planfeature, .planfeature li
{
color:#fff;
list-style-type:none !important;
}

.mobileonly
{
display:none;
}

.blueround
{
background:#2192c9;
color:#fff;
padding:10px;
min-height:40px;
border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
}

.blueround, .blueround p
{
vertical-align:middle;
}

.blueround p
{
text-align:left;
padding:10px 2% 1px 2%;
float:left;
min-width:21%;
vertical-align:top;

margin-top:-10px;
}

.blueround p img
{
margin-bottom:-8px;
}

.supportdiv
{
border:1px solid #aaa;
background:#eee;
text-transform:uppercase;
padding:0;
width:100%;
overflow:hidden;
}

#correspondence p
{
line-height:200%;
}

.supportdiv h2
{
color:#fff;
text-align:center;
width:100%;
margin:0;
background:#000;
min-height:45px !important;
font-size:28px;
padding-top:10px;
}

.supportp
{
border-top:1px solid #aaa;
margin:0;
min-height:45px !important;
font-size:22px;
text-align:justified;
padding-top:10px;
margin-bottom:0;
}



.widget-title>ul li
{
list-style-type:disc !important;
}


.supportp img
{
float:left;
padding:8px;
}

.blueround p>img
{
padding-right:2%;
}

p
{
text-align:justified !important;
}

.tablen
{
width:90%;
margin:auto;
}

.topicl
{
margin-bottom:10px !important;
}

.poptopics
{
width:99%;
margin:auto;
text-align:left;
color:#fff;
background:#4c4c4c;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-box-radius: 5px;
padding:15px;
}

.lstn
{
list-style-type:none;
}

.lstn li
{
padding-left:3%;
}

.topicdiv
{
border:1px solid #ccc;
float:left;
width:40%;
max-width:430px;
padding:1.5%;
  border-radius: 2px;
  -moz-border-radius:2px;
  -webkit-box-radius: 2px;
margin:1% 2%;
min-height:185px;
vertical-align:middle;
}

.postdisplay
{
border:1px solid #aaa;
padding:21px;
  border-radius: 12px;
  -moz-border-radius:12px;
  -webkit-box-radius: 12px;
}

.widget-title
{
text-transform:uppercase !important;
font-weight:bolder !important;
font-size:large !important;
background:transparent !important;
}

p.read-more
{
float:right;
background:#0B91EA;
  border-radius: 3px;
  -moz-border-radius:3px;
  -webkit-box-radius: 3px;
padding:6px 10px;
margin:10px 2px;
}

.read-more a
{
color:#fff;
}

.archp
{
padding:2px 2px 10px 2px;
text-align:justified;
line-height:250% !important;
}

.postheading
{
text-transform:uppercase !important;
font-size:30px;
}


a.compare
{
background:#52A8E8 !important;
border:1px solid #223;
color:#fff;
padding:2px 25px;
display:inline-block;
margin:0;
  border-radius: 12px;
  -moz-border-radius:12px;
  -webkit-box-radius: 12px;
max-width:98px;
float:none;
margin-bottom:10px;
}

img.topicimg
{
padding:12px;
border-right:1px solid  #ccc;
margin-right:12px;
float:left;
}

header#masthead
{
position:fixed;
width:100%;
background:#eee;
height:90px;
border-bottom:4px ridge #ddd;
max-height:90px;
z-index:500;

border-top:4px solid #3BB13B !important;
}

div#page
{
padding-top:100px;
}



.themonic-nav
{
box-shadow:none !important;
}

.themonic-logo
{
margin:4px;
padding:0;
float:left !important;
}

.header-container
{
max-width:1040px;
width:100%;
margin:auto;
}

.nav-menu
{
width:auto !important;
height:auto;
display:inline !important;
background:transparent;
}

.nav-menu > ul
{
float:right;
display:inline !important;
background-color:transparent;
vertical-align:bottom;
}

.nav-menu > ul > li
{
background:transparent;
display:inline !important;
float:right;
text-transform:none !important;
vertical-align:bottom;
border-bottom:none !important;
}

a
{
background:transparent !important;
text-transform:none !important;
border-bottom:none !important;
}

.current-menu-item > a
{
color:#555 !important;
}

.current_page_item >a
{
color:#6a6a6a !important;
text-transform:none !important;
}

nav#site-navigation
{
width:auto !important;
height:68px;
background-color:transparent;
}



div#topright
{
margin-right:100px;
width:340px;
height:21px;
max-height:21px;
color:#fff;
background:#3BB13B;
  -webkit-border-radius: 0 0 20px 20px;
  -moz-border-radius: 0 0 20px 20px;
  border-radius: 0 0 20px 20px;
float:right;
padding-top:2px;
}

li.menu-item >a
{
padding:10px;
border-right:2px groove #eee;
height:auto !important;
max-height:auto !important;
min-height:auto !important;
display:inline;
border-bottom:5px solid #eee !important;
font-size:90%;
}

ul.nav-menu
{
border-bottom:none !important;
border-top:none !important;
border-left:none !important;
border-right:none !important;
background-color:transparent !important;
}

.current_page_item
{
border-bottom:5px solid #2192c9 !important;
}

li.menu-item
{
vertical-align:bottom;
margin-top:20px;
}

li.menu-item >a:hover
{
border-bottom:5px solid #2192c9 !important;
background:transparent !important;
color:#2192c9 !important;
}

li.menu-item:hover
{

background:transparent !important;
color:#6a6a6a !important;
}

div#gradient
{
z-index:999;
background: -moz-linear-gradient(bottom,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0)));
background: -webkit-linear-gradient(bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
background: -o-linear-gradient(bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
width:100%;
height:90px;
}

#page
{
margin-bottom:0;
padding-left:0px;
padding-right:0px;
}

.inner-header
{
}

div.menu-main-menu-container
{
border:0 !important;
box-shadow:none;
}

button.thoughtbot {
   font-size: 12px !important;
   margin: 0 !important;
   padding: 6px 0 !important;
   width: 120px !important;
  background-color: #ee432e;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee432e), color-stop(50%, #c63929), color-stop(50%, #b51700), color-stop(100%, #891100));
  background-image: -webkit-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: -moz-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: -ms-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: -o-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  border: 1px solid #951100;
  border-radius: 5px;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
  box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
  color: #fff;
  font: bold 20px/1 "helvetica neue", helvetica, arial, sans-serif;
  padding: 12px 0 14px 0;
  text-align: center;
  text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.8);
  width: 210px;
  margin: 45px 0 30px 0;

}

  button.thoughtbot:hover {
    background-color: #f37873;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f37873), color-stop(50%, #db504d), color-stop(50%, #cb0500), color-stop(100%, #a20601));
    background-image: -webkit-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    background-image: -moz-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    background-image: -ms-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    background-image: -o-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    background-image: linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    cursor: pointer; }
  button.thoughtbot:active {
    background-color: #d43c28;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d43c28), color-stop(50%, #ad3224), color-stop(50%, #9c1500), color-stop(100%, #700d00));
    background-image: -webkit-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    background-image: -moz-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    background-image: -ms-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    background-image: -o-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    background-image: linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
    box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4); }

img{box-shadow:none !important;}
.entry-content h2,.entry-content h3{margin:2px;}

li{text-align:left;}

.pseudo-button-or
{
border-radius: 5px 5px 5px 5px ;
-moz-border-radius: 5px x;
-webkit-border-radius: 5px ;
border-bottom:3px solid #aaa;
background-color:#f60;
padding:5px;
color:#fff;
font-weight:bold;
font-size:20px;
width:250px;
text-align:center;
display:block;
margin:auto !important;
}

.pseudo-button-or>a
{
color:#fff;
}

p.threeimgholder
{
text-align:center !important;
height:120px;
width:100%;
}

.threebox
{
width:auto;
max-width:275px !important;
padding:0 0.5%;
margin-left:1%;
margin-right:1%;
float:left;
text-align:center;
}

div.threebox p
{
text-align:center;
}

h3.threeboxh
{
font-size:17px;
text-transform: uppercase !important;
font-weight:700;
}

.established
{
display:block;
width:89%;
box-shadow:4px 4px 4px #999;
margin:auto !important;
border:2px solid #999;
clear:both !important;
}

.footer-col ul
{
list-style-type:none;
list-style-image:none;
}

.footer-col
{
width:210px;
max-width:210px;
float:left;
padding:0.5%;
margin:1px auto;
}

.footer-col h3
{
padding-left:6px;
text-align:left;
}

#pagepadder
{
padding:3.33%;
}

h1
{
color:#015ebd;
}



h2
{
color:#015ebd;
}

.sub-menu
{
border-radius: 4px 4px 4px 4px !important;
-moz-border-radius: 4px 4px 4px 4px !important;
-webkit-border-radius: 4px 4px 4px 4px !important;
background:#eee;
border:1 px solid #ddd;

}

.menu-item-has-children
{
border-radius: 4px 4px 4px 4px !important;
-moz-border-radius: 4px 4px 4px 4px !important;
-webkit-border-radius: 4px 4px 4px 4px !important;

}
ul.sub-menu li
{
border-radius: 4px 4px 4px 4px !important;
-moz-border-radius: 4px 4px 4px 4px !important;
-webkit-border-radius: 4px 4px 4px 4px !important;

border:none;
padding:4px;
}

ul.sub-menu li>a
{
padding:2px 0 !important;
border:0 !important;
border-radius: 4px 4px 4px 4px !important;
-moz-border-radius: 4px 4px 4px 4px !important;
-webkit-border-radius: 4px 4px 4px 4px !important;
}

ul.sub-menu li>a:hover
{
border:0 !important;
}

.below-title-meta
{
display:none;
}

footer.entry-meta
{
display:none;

}

.homepageright
{
float:right;text-align:center;padding:10px;color:#fff;font-size:21px;max-width:346px;width:auto;background-color:#3b3b3b;
}

.starthere
{
width:99.7%;background-color:#2c2c2c;margin:auto;border:2px inset #000;padding:4px, 2%;max-height:48px;vertical-align:top;margin-top:0px;
}





.progressbar {
    width: auto;
  max-width:300px;
    height: 15px;
    background-color: #eee;
    padding: 2px;
    margin: .6em 0;
    border: 3px #000 solid;
    clear: both;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-box-radius: 5px;
}

.progress {
    background: #A1C969; /*-- Color of the bar --*/
    height: 15px;
    width: 0%;
    max-width: 100%;
    float: left;
    -webkit-animation: progress 2s 1 forwards;
    -moz-animation: progress 2s 1 forwards;
    -ms-animation: progress 2s 1 forwards;
    animation: progress 2s 1 forwards;
}

.pbaranim {
    height: 15px;
    width: 100%;
    overflow: hidden;
    background: url('http://www.cssdeck.com/uploads/media/items/7/7uo1osj.gif') repeat-x;
    -moz-opacity: 0.25;
    -khtml-opacity: 0.25;
    opacity: 0.25;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=25);
    filter: alpha(opacity=25);
}

@-webkit-keyframes progress { 
    from { }

    to { width: 100% }
}

@-moz-keyframes progress { 
    from { }

    to { width: 100% }
}

@-ms-keyframes progress { 
    from { }

    to { width: 100% }
}

@keyframes progress { 
    from { }

    to { width: 100% }
}


td
{
text-align:left !important;
vertical-align:top !important;
}


@media screen and (max-width: 1030px) {
.homepageright
{
float:left;
}

.starthere
{
max-height:100%;
}

}

@media screen and (max-width: 768px) 
{

#themonic-logo
{
clear:both;
}

.blueround, #blue-tab-container
{
display:none;
}

nav#site-navigation
{
float:none !important;
}

}

@media screen and (max-width: 600px) 
{


	div#topright
	{
	display:none !important;
	}

.tablen
{
width:95%;
}

.mobileonly
{
display:block;
}


}

@media screen and (max-width: 360px) 
{

.tablen
{
width:99%;
}

.mobileonly
{
display:block
}

#tld, #domainField
{
float:none !important;
width:90%;
margin:auto;
display:block;
margin:6px;
}

select.selectnav
{
margin:0 auto;
width:90%;
}

#arrow-img, #tldright, #establishedlogo
{
display:none;
}

#searchtb
{
margin-top:33px !important;
}

footer#colophon
{
text-align:center;
}
}



@media screen and (min-width: 769px) 
{
nav#site-navigation
{
float:right;
}

#topright
{
display:block;
}
}

.online-support
{
padding:8px;
background:#222;
color:#cfcfcf;
border:1 px solid black;
border-radius: 8px 8px 0 0;
font-size:175% !important;
text-align:center;
margin:0;
width:260px;
}


div.support-img
{
border-radius:0 0 8px 8px;
}
 
.support-img
{
background:#cfcfcf;
width:250px;
border:1px solid #aaa !important;
text-transform:uppercase;
font-size:150%;
margin:-2px 0 0 2px !important;
padding:12px;
}

.support-img img
{
float:left;
margin:4px;
}

ul.sub-menu
{
-webkit-box-shadow:0 0 20px 0 #cccccc inset  !important;

}