html {
  background: white;
}

body{
  padding-top: 0 !important;
  margin-top: 0 !important;
  color: #163b56;
}

.view { margin-top: 20px; }

/* TYPOGRAPHY */

a { color: #163b56; text-decoration: underline; }
a:hover, a:focus, a:active { 
	color: #216b9f;      
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s; }

h1,
.page-user .field-name-field-member-first-name, 
.page-user .field-name-field-member-surname { font-size: 2em; }

h1:after {
    content: "";
    display: block;
    width: 2rem;
    height: 3px;
    background: #163b56;
}

h1#page-title { padding-bottom: 10px; }
h2, .paragraphs-item-title { font-size: 1.5em; color: #09a7b2; font-weight: bold; padding-bottom: 10px; }
h3 { font-size: 1.17em; }

.page-user-edit .field-name-field-member-first-name, 
.page-user-edit .field-name-field-member-surname { font-size: 87.5%; }

.page-user-register .field-name-field-member-first-name, 
.page-user-register .field-name-field-member-surname { font-size: 87.5%; }

/* Buttons */
button, input.form-submit { 
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  border: 1px solid #ccc;
  color: #ffffff;
  background: #09a5b2;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  margin-right: 10px;
}

.views-exposed-form input,
.views-exposed-form select,
.views-exposed-form textarea { border: 1px solid #ccc; }

button:hover, input.form-submit:hover {
  background: #22c1cc;
  text-decoration: none;
       -o-transition:.5s;
	 -ms-transition:.5s;
	 -moz-transition:.5s;
	 -webkit-transition:.5s;
	 transition:.5s;
}

.variation3 input.form-submit { 
  color: #09a5b2;
  background: #ffffff;
}

/* Front page */
.front h1#page-title { display: none; }


/* SECONDARY */

.region-secondary-content { background-color: #163b56; padding: 10px; margin: 20px 10px 0 10px; }
.region-secondary-content .block,
.region-secondary-content p { margin: 0; padding: 0; }
.region-secondary-content a { color: #fff; }

.region-secondary-content p:before { 
    content: "< ";
    color: #fff;
}

/* STATUS MESSAGES */

div.status { 
	background-color: rgba(34, 204, 94, 0.72) !important; /* was #22c1cc */
	background-image: url('/sites/all/themes/at_ecvph/images/check.png');
	background-size: 25px;
    border: none;
    color: #ffffff; }
    
div.error { 
	background-color: #f46871 !important;
	background-image: url('/sites/all/themes/at_ecvph/images/warning.png');
	background-size: 25px;
    border: none;
    color: #ffffff; }

#mobilemenu { display: none; }

/* TOPMENU */

.toolbar #topbar { margin-top: 60px; }

#topbar { background-color: #09a7b2; color: white; padding: 10px 0 5px 0;}
#topbar ul { padding: 0 !important; margin: 0 !important; }
#topbar ul li { list-style: none !important; display: inline-block; margin-top: 2px; }
#topbar ul li a { color: white; padding: 7px;  }
#topbar ul li a:hover,
#topbar ul li a.active-trail{ color: white; background-color: #22b0ba; }

#topbar .block { width: auto; float: right; margin: 0; }

#topbar #block-menu-menu-anonymous-top-menu ul li a,
#topbar #block-system-user-menu ul li a { background-color: #163b56; color: white; text-decoration: none; padding: 7px 30px; }

#topbar #block-menu-menu-anonymous-top-menu ul li a:hover,
#topbar #block-menu-menu-anonymous-top-menu ul li a.active-trail,
#topbar #block-system-user-menu ul li a:hover,
#topbar #block-system-user-menu ul li a.active-trail { background-color: #266794;}

.block-imageblock .block-inner { margin: 0 5px; }

#header { padding-top: 25px; border-bottom: 0px solid #eee; 
-webkit-box-shadow: 0 8px 6px -6px #eee;
-moz-box-shadow: 0 8px 6px -6px #eee;
box-shadow: 0 8px 6px -6px #eee;
margin-bottom: 3px;
}

/* HEADER LOGO */

#header .branding-elements { float: left; width: 25%; }

/* HEADER SEARCH */

#header .region-header { float: right; width: 60%; padding-top: 15px; margin-right: 7px; }
#header .region-header .region-inner {  }
#header .region-header .region-inner .block { float: right; display: inline-block; margin: 0; }
#header .region-header .custom-search-box { border: 1px solid #09a7b2; padding: 5px 10px; color: #09a7b2; }

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #09a7b2;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #09a7b2;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #09a7b2;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #09a7b2;
}

/* HEADER NAVIGATION */

#header .nav { float: right; clear: none; width: 65%; padding-top: 14px; margin: 0; }
#header .nav a { font-weight: bold; font-size: 110%; text-decoration: none;  }
#header .nav a:hover, #header .nav a:focus, #header .nav a:active { color: #09a5b2;  }


#header .nav li.first { padding-left: 0 !important; }
#header .nav li { padding: 0 5px !important; }
#header .nav li a { padding-bottom: 25px; }
#header .nav li a.active,
.node-type-meeting li.menu-2425 a { color: #09a5b2; border-bottom: 3px solid #09a5b2;  }

#primary-menu-bar ul.menu { float: right; }


/* HEADER CART POPUP */

#block-commerce-popup-cart-commerce-popup-cart table td,
#cart-popup table th.active,
#block-commerce-popup-cart-commerce-popup-cart a,
#cart-popup table th,
#cart-popup table td {
  background-color: #f1f1f1;
  color: #163b56 !important;
  border: none;
}

#cart-popup .line-item-summary-checkout a {
  background-image: none;
  background: #09a7b2;
  color: white !important;
}


#cart-popup {
  background: #ffffffx;
}

.popup-arrow {
  background: none;
}

.paymentinfo { display: block; color: red; font-weight: bold; }




/* ADMIN MENU */
#block-menu-menu-ecvph-admin { margin-top: 20px; }
#block-menu-menu-ecvph-admin .block-inner { background-color: #E74C3C; color: white; padding: 5px 0 5px 0;}
#block-menu-menu-ecvph-admin .block-title { float:left; color: white; font-size: 14px; padding: 1px 10px;}
#block-menu-menu-ecvph-admin ul { padding: 0 !important; margin: 0 !important; }
#block-menu-menu-ecvph-admin ul li { list-style: none !important; display: inline-block; margin-top: 2px; }
#block-menu-menu-ecvph-admin ul li a { color: white; padding: 7px;  }
#block-menu-menu-ecvph-admin ul li a:hover,
#block-menu-menu-ecvph-admin ul li a.active-trail{ color: white; background-color: #f15543; }

/* ROLE MENU */
.region-highlighted .block-menu { margin-top: 20px; }
.region-highlighted .block-menu .block-inner { background-color: #163b56; color: white; padding: 5px 0 5px 0;}
.region-highlighted .block-menu .block-title { float:left; color: white; font-size: 14px; padding: 1px 10px;}
.region-highlighted .block-menu ul { padding: 0 !important; margin: 0 !important; }
.region-highlighted .block-menu ul li { list-style: none !important; display: inline-block; margin-top: 2px; }
.region-highlighted .block-menu ul li a { color: white; padding: 7px;  }
.region-highlighted .block-menu ul li a:hover,
.region-highlighted .block-menu ul li a.active-trail{ color: white; background-color: #1d5a85; }

/* HIGHLIGHTED */

.region-highlighted .block { margin: 0; }
.region-highlighted .block-imageblock { max-height: 350px; overflow: hidden; margin: 0; }
.region-highlighted .block-inner { margin: 0; }
.region-highlighted .block-block { background-color: #f1f1f1; color: #0ba5ad; padding: 50px 50px 10px 50px; font-size: 200%; text-align: center; }
.region-highlighted .block-block .block-inner { max-width: 970px; margin: 0 auto; }

#columns { padding-top: 30px; }

/* PAGE COLUMNS */

.group-left, .group-right { float: left; width: 50%; }

.paragraphs-items-field-paragraphs-left,
.paragraphs-items-field-paragraphs-right { padding: 20px; }


/* PARAGRAPHS VARIATIONS */
.variation1 p, .variation2 p, .variation3 p, .paragraphs-item-documents .field-type-text-long p { margin: 0; }
.variation1, .variation2, .variation3 { padding: 20px; margin: 10px 0 20px;  } 

.variation1 { background-color: #f1f1f1; color: #0ba5ad; }
.variation2 { background-color: #163b56; color: #ffffff; }
.variation2 a { color: #ffffff; }
.variation3 { background-color: #09a7b2; color: #ffffff; }
.variation3 a { color: #ffffff; }

/* PARAGRAPH TYPES */

.paragraphs-item-text { border-bottom: 1px solid #eee; margin-bottom: 20px; }
.paragraphs-item-image { margin-bottom: 20px; }

.paragraphs-item-documents { padding: 20px; margin: 10px 0 20px; background-color: #f1f1f1; color: #0ba5ad; border-left: 3px solid #09a5b2; }

.paragraphs-item-documents .field-item { min-height: 30px; }

.paragraphs-item-documents .file-icon { height: 30px; padding-right: 10px; float: left; }

.paragraphs-item-documents .field-item.odd { border-top: 1px dashed #cccccc; border-bottom: 1px dashed #cccccc; margin: 15px 0; padding: 15px 0; }

.paragraphs-item-documents .field-type-text-long { background-color: white; padding: 10px; font-size: 100%; font-style: italic; margin: 10px 0 0 0; }

/* FOOTER */
#site-footer { margin-top: 40px; padding: 40px 0; background-color: #163b56; }
#footer, #footer a { color: #a6b2be; }
#footer img { max-width: 250px; }

/* USER PROFILE */
#userrole { display: block; width: 100%; float:left; }
#userrole span { float: left; display: inline-block; padding: 10px; margin-bottom: 10px;  background-color: #163b56; color: white; margin-right: 10px; }
.page-user #main-content-header #page-title { display: none; }
.field-name-field-member-first-name { display: inline-block; width: auto; margin-right: 8px; }
.field-name-field-member-surname { display: inline-block; width: auto; }
.group-member-fullname h3 { display: none; }
.group-member-fullname { margin-bottom: 10px; }
.page-user .user-picture { background-color: white; padding: 10px; border: 1px solid #cccccc; margin-top: 50px; max-width: 200px; }
.page-user .group-member-additional { width: 75%; }
.page-user .horizontal-tabs-panes { padding: 20px 10px; }

/* Meetings view */
.view-workshops-for-ecvph-residents .views-row { 
	background-image: url('/sites/all/themes/at_ecvph/images/calendar.png');
	background-repeat: no-repeat;
	background-size: 50px;
	background-position: 0 8px; 
	display: block; 
	padding: 10px 10px 10px 70px; margin: 10px 0;
	}

.view-workshops-for-ecvph-residents .views-row .views-field-title { 
	font-weight: bold;
	}
.view-workshops-for-ecvph-residents .views-label-field-meeting-when {
	display: inline;
	}
.view-workshops-for-ecvph-residents .views-field-field-meeting-when .field-content {
	display: inline-block;
	}
.view-workshops-for-ecvph-residents .views-label {
	color: #777;
	}

.view-workshops-for-ecvph-residents .views-field-view-node {
	margin-top: 10px;
	}
	
/* News view */

.view-latest-news .view-header .node-page .node-header { display: none; }
.view-latest-news .view-header .node-page .node-content { display: inline-block; background-color: #eeeeee; padding: 20px;  border-left: 4px solid #09a7b2; }
.view-latest-news .view-header .node-page .node-content p { padding: 0; margin: 0; }

.front .view-latest-news .view-header .node-page .node-content { display: block; padding: 10px 20px; margin-top: 0; }

.view-latest-news .views-row .views-field-title { 
	font-size: 1.5em;
    font-weight: bold;
    padding-bottom: 10px;
	}

.view-latest-news .views-row .views-field-title a { 
	color: #09a7b2;
}

.front .view-latest-news .views-row .views-field-title a { 
	color: #163b56;
	font-size: 87.5%;
}

.view-latest-news .views-row {
	border-bottom: 1px dashed #cccccc; 
	float: left;
	margin-bottom: 15px; 
	padding-bottom: 15px;
	display: block;
	width: 100%;
	}

.view-latest-news .views-row .views-field-field-file-upload img { height: 20px; }

	
.view-latest-news .views-field-field-image img { float: left; padding: 5px 25px 25px 0;}

.submitted,
.submitted a { color: #666; font-style: italic; padding-bottom: 10px; }


/* Registration */

.entity-commerce-product { display: block; border-bottom: 1px solid #092a42; padding: 10px 0; }
.entity-commerce-product h2 { padding: 0; }

.commerce-add-to-cart { display: block; background-color: #09a7b2; color: white; padding: 5px 20px 20px 20px; margin-top: 10px; }
.commerce-product-field { display: inline-block; background-color: #09a7b2; color: white; }
.commerce-product-field .field-label { color: white; }

.commerce-add-to-cart button, .commerce-add-to-cart input.form-submit { 
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  border: none;
  color: #09a5b2;
  background: #ffffff;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  margin-right: 10px;
}

.commerce-add-to-cart button:hover, .commerce-add-to-cart input.form-submit:hover {
  background: #ffffff;
  text-decoration: none;
}

/* MANAGEMENT */

.view-management .views-row.council { width: 24%; display: inline-block; vertical-align: top; margin-bottom: 20px; }
.view-management .views-row.council ul li { list-style-type: none; margin: 0; font-style: italic; color: #666;  }
.view-management .views-row.council img { background-color: #eee; padding: 10px; margin-bottom: 10px; }
.view-management .views-row.council .views-field-field-ecvph-title:after {
    content: "";
    display: block;
    width: 2rem;
    height: 2px;
    background: #09a5b2;
    margin-bottom: 10px;
    }

/* PAY FEES */

.page-payments .views-row { 
	display: block; 
	width: 20%; 
	min-height: 150px;
	float: left; 
	margin: 20px; 
	padding: 20px;
	background-color: #eee;
	border-left: 3px solid #09a5b2;
	/*-webkit-box-shadow: 5px 5px 5px 5px #efefef;
    -moz-box-shadow: 5px 5px 5px 5px #efefef;
    box-shadow: 5px 5px 5px 5px #efefef;*/
  }
.page-payments .views-field-title { font-weight: bold; font-size: 125%; }
.page-payments .entity-commerce-product { border-bottom: none; }
.page-payments .commerce-add-to-cart { background-color: #eee !important; padding: 0px; }

.page-payments .commerce-add-to-cart button, .page-payments .commerce-add-to-cart input.form-submit {
    border: none;
    color: #ffffff;
    background: #09a7b2;
    width: 100%;
}

.page-payments .commerce-add-to-cart input.form-submit:hover {
    background: #22c1cc;
    text-decoration: none;
     -o-transition:.5s;
	 -ms-transition:.5s;
	 -moz-transition:.5s;
	 -webkit-transition:.5s;
	 transition:.5s;
}