﻿/* Gravity Forms Custom Styling */

/* Form Wrapper */
.gform_wrapper {

    padding: 25px;
    background-color: #fff;

  border: 1px solid #cecbd0;
  margin-bottom:40px;
}

.gform_wrapper.gravity-theme .description, .gform_wrapper.gravity-theme .gfield_description, .gform_wrapper.gravity-theme .gsection_description, .gform_wrapper.gravity-theme .instruction {
    font-size: 0.813em;
}




.gform-body legend {
	/*border: 1px solid pink; */
	font-size: 1.15em !important;
	
}

.gfield {
	margin: 30px 0px 0px 0px !important;
}
.gfield_description, .gform_wrapper.gravity-theme .gsection_description, .gform_wrapper.gravity-theme .instruction {
    clear: both;
    font-family: inherit;
    font-size: 0.9em !important;
    letter-spacing: normal;
    line-height: inherit;
    color:#333333;
	 margin: 5px 0px 5px 0px !important;
	 
	     border-left: 6px solid #eae9e9; 
    padding: 5px 0px 5px 8px !important;
   
}

 .gform-field-label, .gfield_label_before_complex {
	
	
	margin: 0px 0px 0px 0px !important;
	/*border: 1px solid blue; */
	font-size:1.1em !important;
}

.gchoice {
	 margin: 15px 0px 0px 10px !important;
}

   .gfield_checkbox label {
	  
	    /*border: 1px solid green; */
		font-size: 1.1em !important;
		font-weight: 500;
   }
	




/* Form Fields */
.gform_body .gform_fields .gfield {
    margin-bottom: 0px;
}




.gform-field-label--type-sub {
	font-size:1.0em !important;
}

/* Input Fields (Text, Email, Phone, Number, Textarea) */
.gform_wrapper input[type="text"], 
.gform_wrapper input[type="email"], 
.gform_wrapper input[type="tel"], 
.gform_wrapper input[type="number"], 
.gform_wrapper textarea {
    width: 100%;
    padding: 20px;
    border: 1px solid #000;
    border-radius: 0px;
}

[type=checkbox], [type=file], [type=radio] {
     margin: 0 0 0rem; 
}

/* Select Fields (Dropdowns) */
.gform_wrapper select {
        padding: 5px;
		 border: 1px solid #000;
    border-radius: 0px;
	cursor: pointer; 
}

.gform_wrapper  input[type="radio"], .gform_wrapper  input[type="checkbox"] {
    width: 20px;  
    height: 20px;
	cursor: pointer;
margin-left:10px !important;
}





/* Submit Button */
.gform_wrapper .gform_footer .gform_button {
    background-color:var(--main-colour);
    color: #fff;
  
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.gform_wrapper .gform_footer .gform_button:hover {
    background-color: #0056b3;
}

/* Error Messages */
.gform_wrapper .gfield_error {
    color: red;
    font-size: 19px;
}

.gform_wrapper.gravity-theme .gform_validation_errors {
    background: #fff9f9;
    border-radius: 0px !important;
    border: 1.5px solid #e52d2d;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .11), 0 0 4px rgba(18, 25, 97, .0405344);
    margin-block-end: 8px;
    margin-block-start: 8px;
    padding-block: 16px;
    padding-inline-end: 16px;
    padding-inline-start: 48px;
    position: relative;
    width: 100%;
	
}

.gform_wrapper.gravity-theme .gform_validation_errors > h2 {
    color: #c02b0a;
    font-size: 1em !important;
    margin-block-start: 0;
}

/* Validation Error Styling */
.gfield.error input, 
.gfield.error select, 
.gfield.error textarea {
    border: 2px solid red;
}

/* Form Wrapper for Specific Forms */
.gform_wrapper#gform_1 {
    background-color: #f0f0f0;
}

/* Multi-Page Form Navigation */
.gform_page {
    display: flex;
    justify-content: space-between;
}

/* Gravity Forms Error Summary */
.gform_wrapper .validation_error {
    background-color: #f8d7da;
    color: #721c24;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 20px;
}


[type=color]:focus, [type=date]:focus, [type=datetime-local]:focus, 
[type=datetime]:focus, [type=email]:focus, [type=month]:focus, 
[type=number]:focus, [type=password]:focus, [type=search]:focus, 
[type=tel]:focus, [type=text]:focus, [type=time]:focus, 
[type=url]:focus, [type=week]:focus,select:focus, textarea:focus, input[type="checkbox"]:focus, input[type="radio"]:focus{
    background-color: #ffeb3b24;
	outline: 4px solid #ffeb3b; 
    outline-offset: 2px;
}

/* custom layout for WPFD */
.single-wpfd_file #main {
    padding-top: 10px;
    max-width: 1170px;
    margin: 20px auto;
}

.wpfd-single-file {
    padding: 20px !important;

    border-style: solid;
    border-width: 1px;
    border-color: var(--highlight-colour)!important;
    margin-bottom: 1.25em;
    background: var(--highlight-bg-colour)!important;
    flex: 1;
}

.wpfd-file-content--title a {
	 color: var(--highlight-link-colour)!important;
}
.wpfd-file-content--title a:hover {
	 color: var(--highlight-rollover-colour)!important;
}

#et-boc .wpfd-content-tree ul .wpfd-file.ext a.wpfd-file-link, #et-boc .wpfd-content-tree ul li.directory a.catlink, .wpfd-content-tree ul .wpfd-file.ext a.wpfd-file-link, .wpfd-content-tree ul li.directory a.catlink {
    /* font-size: 1em; */
    line-height: 38px !important;
    height: 38px !important;
    display: block !important;
    /* color: #666666; */
}

.wpfd-single-file--icon .wpfd-icon-placeholder {
    margin: 0px 0px 0px 0px;
    width: 80px !important;
    height: 80px!important;
}

.wpfd-single-file--icon {
    flex-basis: 80px!important;
}

.wpfd-single-file--details {
    flex-basis: calc(100% - 144px - 0px - 0px);
    box-sizing: border-box
}

.wpfd-single-file .wpfd-file-content--meta > div {
    font-size: 1em;
    padding: 0px 0px 0px 0px;
    margin: 2px 0px 2px 0px
}

.wpfd-single-file .wpfd-file-content--title {
    font-size: 24px;
    line-height: 24px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 15px 0px
}

.wpfd-single-file .wpfd-file-content--description {
    font-size: 15px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 10px 0px
}

.wpfd-single-file-button.wpfd-button-download {
    background: #5c5a57;
    color: #ffffff;
    border-radius: 4px;
    border: 0;
    width: 170px;
    font-size: 16px;
    padding: 5px 5px 5px 5px;
    margin: 15px 15px 15px 0;
    box-shadow: 2px 2px 12px 5px #f0f0f0
}

.wpfd-single-file a.wpfd-single-file-button.wpfd-button-download svg {
    margin-left: 10px
}

.wpfd-single-file-button.wpfd-button-download:hover {
    border-color: rgba(0,0,0,0);
    color: #ffffff;
    background: #6b6b6b
}

.wpfd-button-download:hover,.wpfd-single-file-button + a.added_to_cart:hover {
    border-color: rgba(0,0,0,0)
}

.wpfd-single-file-button.wpfd-button-preview {
    background: #a7a7a7;
    color: #ffffff;
    border-radius: 4px;
    border: 0;
    width: 170px;
    font-size: 16px;
    padding: 5px 5px 5px 5px;
    margin: 15px 15px 15px 15px;
    box-shadow: 0px 0px 0px 0px #000000
}

.wpfd-single-file a.wpfd-single-file-button.wpfd-button-preview svg {
    margin-left: 10px
}

.wpfd-single-file-button.wpfd-button-preview:hover {
    border-color: #a7a7a7;
    color: #ffffff;
    background: #595756
}

.wpfd-button-preview:hover,.wpfd-single-file-button + a.added_to_cart:hover {
    border-color: #a7a7a7
}

.wpfd-single-file .wpfd-file-content--meta > div {
    color: #000 !important;
    margin: 2px 0;
}

.wpfd-single-file--buttons {
    display: flex;
    margin: 10px 5px 0px 0!important;
    flex-basis: 100%;
    justify-content: left;
}

#et-boc .wpfd-content-default .wpfd_list .file h3 a,
.wpfd-content-default .wpfd_list .file h3 a {

  color: var(--primary-hyperlink-colour) !important; 
  font-size: 16px !important;

}

#et-boc .wpfd-content-default .wpfd_list .file .file-xinfo, .wpfd-content-default .wpfd_list .file .file-xinfo {
    margin-left: 5em;
    text-transform: none;
    overflow: hidden;
    font-size: 1em;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.21;
    letter-spacing: normal;
    text-align: left;
     color: var(--main-text-colour) !important; 
    padding: 15px 0 0 25px;
}

#et-boc .wpfd-container-default .wpfd-categories h2, .wpfd-container-default .wpfd-categories h2 {
 
    color: var(--main-text-colour) !important; 
     text-transform: lowercase !important; 

}

#et-boc .wpfd-content .breadcrumbs a:hover, .wpfd-content .breadcrumbs a:hover {
     font-weight: 400 !important;  
     color:var(--primary-hyperlink-rollover-colour)!important; 
    box-shadow: none;
}

 /* wpfd tables */
 #et-boc .wpfd-content .breadcrumbs > li, .wpfd-content .breadcrumbs > li {

    font-size: 16px !important;
    text-transform: none !important;
    color:  var(--main-text-colour) !important;
    font-weight: 600!important;

}
 
 #et-boc .wpfd-content-table .wpfd-table, .wpfd-content-table .wpfd-table {

  color: var(--main-text-colour) !important;
border: 1px solid #000 !important;
}
 
 #et-boc .wpfd-content-table .wpfd-table thead th, .wpfd-content-table .wpfd-table thead th {

    padding: 15px 0 15px 10px !important;
    color: #fff !important;
     

}

#et-boc .wpfd-content-table a .zmdi, .wpfd-content-table a .zmdi {
  font-size: 16px;
  vertical-align: middle;
}
#et-boc .wpfd-content-table tr, #et-boc .wpfd-content-table td, #et-boc .wpfd-content-table thead, #et-boc .wpfd-content-table tbody, #et-boc .wpfd-content-table th, .wpfd-content-table tr, .wpfd-content-table td, .wpfd-content-table thead, .wpfd-content-table tbody, .wpfd-content-table th {
  font-size: 17px!important;
}
.wpfd-content-table th {
   font-weight: 600!important;
   }

#et-boc .wpfd-content-table a.wpfd_downloadlink:not(.downloadlink), .wpfd-content-table a.wpfd_downloadlink:not(.downloadlink) {
   color: var(--primary-hyperlink-colour) !important; 
  text-transform: none;
}

.wpfd-table td { 
border: 1px solid #000;
    background-color: var(--highlight-bg-colour);
    text-align: left;
}