
/* admin */
.fh-admin-header{padding:3px 50px 0 14px;background:#1382bb;height:56px;display:flex;justify-content:space-between;align-items:center;margin-left:-20px;-moz-box-sizing:border-box;-webkit-box-sizing: border-box;box-sizing:border-box;}
.fh-admin-logo{flex:0 1 38px;}
.fh-admin-logo img{width:38px;}

/* admin menu */
.fh-menu {overflow:hidden;}
.fh-menu a {float:left;font-size:15px;color:#fff;text-align:center;padding:14px 16px;text-decoration: none;}
.fh-dropdown {float:left;overflow:hidden;}
.fh-dropdown .dropbtn {font-size: 15px;border: none;outline: none;color:#fff;padding: 14px 20px;background-color: inherit;font-family: inherit;margin: 0;}
.fh-menu a:hover, .fh-dropdown:hover .dropbtn {background-color:#1382bb;}
.fh-dropdown-content {display: none;position: absolute;background-color: #f9f9f9;min-width: 165px;z-index: 1;-webkit-border-radius: 0 0 4px 4px;border-radius: 0 0 4px 4px;border:1px solid #dcdcdc;}
.fh-dropdown-content a {float: none;color: black;padding: 12px 16px;text-decoration: none;display: block;text-align: left;}
.fh-dropdown-content a:hover {background-color: #f0f0f0;}
.fh-dropdown:hover .fh-dropdown-content {display: block;}

.fh-menu .dropbtn:after{content: '';background:url('../images/fh-arrow-white.svg');background-size:cover;position:absolute;width:11px;height:11px;margin:3px 0 0 4px;}

.fh-icon-addnew, .fh-icon-groups, .fh-icon-touchpoints, .fh-icon-forms, .fh-icon-export, .fh-icon-import{width:5px;display:block;float:left;height:15px;background:none;text-decoration:none;padding-left:20px;}
.fh-icon-index{width:5px;display:block;float:left;height:15px;background:none;text-decoration:none;padding-left:22px;}
.fh-icon-addnew:before{content: '';background:url('../images/fh-plus.svg');background-size:cover;position:absolute;width:15px;height:15px;margin-left:-20px;}
.fh-icon-index:before{content: '';background:url('../images/fh-index.svg');background-size:cover;position:absolute;width:15px;height:15px;margin-left:-20px;}
.fh-icon-groups:before{content: '';background:url('../images/fh-groups.svg');background-size:cover;position:absolute;width:20px;height:20px;margin-left:-20px;}
.fh-icon-touchpoints:before{content: '';background:url('../images/fh-touchpoints.svg');background-size:cover;position:absolute;width:20px;height:20px;margin-left:-20px;}
.fh-icon-forms:before{content: '';background:url('../images/fh-forms.svg');background-size:cover;position:absolute;width:20px;height:20px;margin-left:-20px;}
.fh-icon-export:before{content: '';background:url('../images/fh-export.svg');background-size:cover;position:absolute;width:15px;height:15px;margin-left:-20px;}
.fh-icon-import:before{content: '';background:url('../images/fh-import.svg');background-size:cover;position:absolute;width:15px;height:15px;margin-left:-20px;}

/* admin boxes */
.fh-admin-boxes{display:flex;}
.fh-admin-box{flex:0 1 50%;background:#fff;border:1px solid #d0d0d0;padding:25px 20px 17px 20px;margin:15px 0 0 0;}
.fh-admin-box-two{flex:0 1 50%;background:#fff;border-top:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0;border-right:1px solid #d0d0d0;padding:25px 20px 17px 20px;margin:15px 0 0 0;}
.fh-admin-box-mobile{border-bottom:1px solid #d0d0d0;border-top:none;}
.fh-admin-hide{display:none;}
.fh-admin-icon{float:left;width:40px;padding:2px 22px 0 0;}
.fh-admin-icon img {width:40px;}
.fh-admin-text{float:left;width:80%;font-size:16px;line-height:1.3;}
.fh-admin-title{font-weight:700;font-size:19px;padding:0 0 2px 0;}
.fh-admin-button{background:#49565b;display:inline-block;color:#fff;padding:9px 17px 7px 17px;margin:7px 0;}
/* admin status */
.fh-admin-left{width:49%;float:left;margin:25px 0 0 0;}
.fh-admin-right{width:49%;float:right;margin:25px 0 0 0;}
.fh-admin-status{background:#fff;border:1px solid #d0d0d0;}
.fh-admin-status-divide{width:100%;height:1px;background:#d0d0d0;}
.fh-admin-status-header{padding:19px 15px 15px 19px;font-weight:700;}
.fh-admin-status-text{padding:20px 15px 20px 19px;}
.fh-pad{clear:both;height:15px;}

/* general */
.follow-hook{font-weight:400;padding:25px 25px 10px 10px;font-size:18px;line-height:1.3;-moz-box-sizing:border-box;-webkit-box-sizing: border-box;box-sizing:border-box;clear:both;}
.follow-hook-wide{padding:30px 5px 20px 5px;font-size:17px;-moz-box-sizing:border-box;-webkit-box-sizing: border-box;box-sizing:border-box;}
.follow-hook input[type=checkbox] {clear:both;margin:5px 0 5px 0;}
.follow-hook-clear{clear:both;}

.follow-hook h1 {font-size:27px;}
.follow-hook h2 {font-size:25px;}
.follow-hook h3 {font-size:22px;margin:27px 0 15px 0;}
.follow-hook a:link {color:#1184c7;text-decoration:none;}
.follow-hook a:hover {color:#1184c7;text-decoration:none;}
.follow-hook a:visited {color:#1184c7;text-decoration:none;}
.follow-hook p {font-size:18px;}
.box-sizing{-moz-box-sizing:border-box;-webkit-box-sizing: border-box;box-sizing:border-box;}
.fh-note{display:inline-block;background:#d97591;color:#fff;font-size:16px;padding:15px 20px;border-radius:3px;}
.follow-hook input[type=checkbox] {clear:both;margin:5px 0 5px 0;}
.follow-hook input[type=submit] {width:200px;margin:15px 0 0 0;color:#fff;font-size:20px;border:none;background:#1184c7;-webkit-border-radius: 2px 2px 2px 2px;border-radius: 2px 2px 2px 2px;}
.follow-hook input[type=file] {font-size:16px;}

/* person */
.follow-hook-people{padding:7px 0 0 0;}
.follow-hook-person-todo{width:100%;font-size:20px;padding:11px 15px 9px 15px;background:#f2f2f2;-moz-box-sizing:border-box;-webkit-box-sizing: border-box;box-sizing:border-box;}
.follow-hook-person-todo-details{width:100%;padding:15px 17px 22px 17px;background:#f9f9f9;-moz-box-sizing:border-box;-webkit-box-sizing: border-box;box-sizing:border-box;}

/* buttons and alerts */
.follow-hook-task{background:#1184c7;padding:9px 15px 7px 15px;font-size:17px;color:#fff;display:inline-block;-webkit-border-radius: 2px 2px 2px 2px;border-radius: 2px 2px 2px 2px;border:none;-webkit-appearance: none;}
.follow-hook-note{color:#1184c7;font-weight:400;}
.remove-btn{display:inline-block;background:#d63a3a;font-size:16px;color:#fff;padding:7px 12px 5px 12px;-webkit-border-radius: 2px 2px 2px 2px;border-radius: 2px 2px 2px 2px;}

/* text input and select */
.follow-hook input[type=text] {height:40px;padding:3px 0 0 8px;margin:5px 0 0 0;width:100%;font-size:17px;}
.follow-hook input[type=checkbox] {padding:0 0 0 15px;}
.follow-hook-field {width:47%;float:left;padding:0 3% 15px 0;margin:0 0 7px 0;}
.follow-hook .field-left {width:48%;float:left;padding:0 0 15px 0;}
.follow-hook .field-right {width:48%;float:right;padding:0 0 15px 0;}

/* custom fields */
.follow-hook-custom-fields{max-width:600px;}
.follow-hook-custom-fields input[type=submit]{padding:7px 14px;margin:0 0 15px 0;color:#fff;font-size:20px;border:none;background:#1184c7;-webkit-border-radius: 2px 2px 2px 2px;border-radius: 2px 2px 2px 2px;}

/* touchpoints */
.touches {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;border-collapse: collapse;width: 100%;}
.touches td, .touches th {border: 1px solid #d1d1d1;padding: 20px 8px 11px 8px;}
.touches tr:nth-child(even){background-color: #f9f9f9;}
.touches tr:hover {background-color: #f4f4f4;}
.touches th {padding-top: 12px;padding-bottom: 12px;text-align: left;background-color: #f1f1f1;color:#292929;}

/* forms admin */
#forms_table {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;border-collapse:collapse;width:100%;}
#forms_table td, #forms_table th {border: 1px solid #ddd;padding: 8px;}
#forms_table tr:nth-child(even){background-color: #f2f2f2;}
#forms_table tr:hover {background-color: #ddd;}
#forms_table th {padding-top:12px 0;text-align: left;background-color: #1880b2;color:#fff;}
#tbl_head th {background-color:#e77245;}
.follow-hook-afc-submit{font-size:23px}
input#sbt.follow-hook-afc-submit{font-size:23px;}
#forms_table input[type=submit]{width:250px;color:#fff;font-size:20px;border:none;background:#1880b2;-webkit-border-radius: 2px 2px 2px 2px;border-radius: 2px 2px 2px 2px;}

/*WP-Admin menu changes*/
#toplevel_page_follow_hook_settings img{
	width:18px;
	height:18px;
	opacity: 1 !important;
	}
#site-header.vertical-header #site-navigation-wrap .fh-dropdown-menu li.current-menu-ancestor>a .fh-dropdown-toggle {
    display: none;
}
#site-header.vertical-header #site-navigation-wrap .fh-dropdown-menu li.current-menu-ancestor > .sub-menu {
    display: block !important;
}

/* add pods page */
.follow-hook-pods input[type=submit]{display:inline-block;padding:5px 15px;color:#fff;font-size:20px;border:none;background:#1184c7;-webkit-border-radius: 2px 2px 2px 2px;border-radius: 2px 2px 2px 2px;}
.wf-tab{border:1px solid #d0d0d0;border-top-right-radius:0.5rem;border-top-left-radius:0.5rem;border-bottom:none;margin:0;margin-left:0.5rem;background:#e6e6e6;color:#333}.wf-scan-tabs .wf-tab:first-of-type{margin-left:0}.wf-scan-tabs .wf-tab a{display:block;padding:0.5rem 1rem;font-size:14px;line-height:24px;text-decoration:none;font-weight:bold;color:#333}

/* dashboard pro */
.dashboard-box{width:100%;border:1px solid #ccc;background:#f7f7f7;-moz-box-sizing:border-box;-webkit-box-sizing: border-box;box-sizing:border-box;}
.dashboard-box-light{width:100%;border:1px solid #ccc;padding:0 0 22px 0;background:#f9f9f9;-moz-box-sizing:border-box;-webkit-box-sizing: border-box;box-sizing:border-box;}
.dashboard-box p {font-size:18px;line-height:1.3;}
.dashboard-box h2 {font-size:22px;line-height:1.3;}
.dashboard-pad{padding:20px 20px 17px 22px;}
.dashboard-line{width:100%;height:1px;background:#ccc;}
.dashboard-pro-button{background:#1286c5;color:#fff;display:inline-block;padding:11px 27px;font-size:25px;-webkit-border-radius: 5px 5px 5px 5px;border-radius: 5px 5px 5px 5px;}
.dashboard-pro-ul{list-style-type: disc;list-style-position: outside;list-style-image: none;padding:0 0 0 38px;}
.dashboard-pro{width:100%;background:#fff;border:1px solid #ccc;-moz-box-sizing:border-box;-webkit-box-sizing: border-box;box-sizing:border-box;padding:34px 38px 52px 38px;}
.dashboard-header{color:#292929;font-size:25px;font-weight:700;}
.dashboard-sub-header{color:#747474;font-size:15px;font-weight:400;padding:4px 0 0 0;}

/*Edit Pods Page*/
#pod_sidebar{position:absolute;top:110px;right:10px;width:33%;}
.pod-members-header{width:100%;background:#1184c7;color:#fff;font-size:19px;margin:0 0 15px 0;padding:20px 20px 11px 20px;}
@media(max-width: 1340px) {/*add styles for screen sizes from 0 to 1300px:*/
#pod_sidebar{position:static;top:55px;right:10px;width:33%;}
}

/* MailChimp admin page */
.follow-hook-mailchimp input[type=submit]{display:inline-block;padding:5px 15px;margin:22px 0 0 0;color:#fff;font-size:20px;border:none;background:#1184c7;-webkit-border-radius: 2px 2px 2px 2px;border-radius: 2px 2px 2px 2px;}

/* Project Broadcast admin page */
.follow-hook-pb input[type=submit]{display:inline-block;padding:5px 15px;margin:22px 0 0 0;color:#fff;font-size:20px;border:none;background:#1184c7;-webkit-border-radius: 2px 2px 2px 2px;border-radius: 2px 2px 2px 2px;}

/* Style for client site's wp-admin/dashboard/updates page's view plugin details pop up window*/
#section-faq span{
position: relative !important;
top: -240px !important;
}

/*** 1400px ***/
@media screen and (max-width: 1400px) {
.fh-admin-icon{width:35px;}
.fh-admin-icon img {width:35px;}
.fh-admin-text{width:75%;}
}

/*** 1000px ***/
@media screen and (max-width: 1000px) {
.follow-hook{padding:11px 5px 0 0;margin:0;}
.follow-hook .field-left {width:100%;}
.follow-hook .field-right {width:100%;}
.fh-admin-boxes{flex-direction:column;}
.fh-admin-box-middle{border:1px solid #d0d0d0;border-top:none;border-bottom:none;}
.fh-admin-box{flex:0 1 100%;border-left:1px solid #d0d0d0;border-right:1px solid #d0d0d0;}
.fh-admin-box-two{flex:0 1 50%;background:#fff;border-left:1px solid #d0d0d0;border-right:1px solid #d0d0d0;border-top:none;padding:25px 20px 17px 20px;}
.fh-admin-left{width:100%;}
.fh-admin-right{width:100%;}
}


/*** 600px ***/
@media screen and (max-width: 600px) {
#poststuff{max-width:550px !important;}
}

/*** 500px ***/
@media screen and (max-width:500px) {

#poststuff{max-width:475px !important;}

.fh-admin-header{padding:3px 0 0 20px;}

.follow-hook-field {width:100%;float:left;padding:0 0 15px 0;}
.follow-hook .field-left {width:100%;}
.follow-hook .field-right {width:100%;}

/* admin boxes */
.fh-admin-box{flex:0 1 100%;}
.fh-admin-icon{float:left;width:25px;padding:2px 22px 0 0;}
.fh-admin-icon img {width:25px;}
.fh-admin-text{float:left;width:80%;font-size:16px;line-height:1.3;}
.fh-admin-title{font-weight:700;font-size:19px;padding:0 0 2px 0;}
.fh-admin-hide{display:block;}
}

/*** 480px ***/
@media screen and (max-width: 480px) {
#poststuff{max-width:450px !important;}
div#edit-slug-box.hide-if-no-js{display:none !important;}
img#grav-img{padding:15px 0 11px 0;}
#postbox-container-1{float:left !important;}

}

/*** 375px ***/
@media screen and (max-width: 375px) {
#poststuff{max-width:350px !important;}
}

/*** 320px ***/
@media screen and (max-width: 320px) {
#poststuff{max-width:295px !important;}
}
