/*
Theme Name:  RED HILL KINDERGARTEN
Theme URI:   http://redhillkindy.gndesigns.net.au
Version:     1.0
Description: A child theme of Divi. This is a custom child theme created for our site Red Hill Kindergarten.
Author:      gndesigns13
Author URI:  http://redhillkindy.gndesigns.net.au
Template:    Divi
*/


/***********************************************************************
Caution: do not remove this to keep Divi Children Engine always updated 
Divi Children Engine version: 1.0.4
***********************************************************************/

/*------------------------------[FONT ICONS]-----------------------------*/
/*--[Created by Divi Children, http://divi4u.com/divi-children-plugin/]--*/
/*-----------------------------------------------------------------------*/

.icon_tags, .icon_profile, .icon_chat, .icon_clipboard, .icon_calendar {
	font-family: 'ETmodules';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 16px;
	color: #318EC3;
}
.icon_tags:before {
	content: "\e07c";
	padding: 0px 5px 0 0;
}
.icon_profile:before {
	content: "\e08a";
	padding: 0 5px 0 0;
}
.icon_chat:before {
	content: "\e066";
	padding: 0 5px 0 20px;
}
.icon_clipboard:before {
	content: "\e0e6";
	padding: 0 5px 0 20px;
}
.icon_calendar:before {
	content: "\e023";
	padding: 0 5px 0 20px;
}

/*- YOU CAN INCLUDE THE CUSTOM CODE FOR YOUR CHILD THEME BELOW THIS LINE-*/

/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/

/* Change position of logo so, drop down menus look better 
img#logo {margin-top:-100px;}*/

/* Bring dropdown menu up */
ul.sub-menu {
margin-top: -60px !important;
}


/*widen drop down menu */

#top-menu li li a {
width:300px;}

.nav li ul {
width:330px;
} 

/*make images circle in shape*/
.img-circle {
    border-radius: 50%;
}

h1,h2,h3 {
padding-top:10px;
padding-bottom:25px;
}

/*Change colour of phone and mail symbol in secondary menu*/

#et-info-phone:before, #et-info-email:before {
/*color:#cf3965;*/
color:#21b297;
}



/*Move phone and mail info to right side of page*/
/*#et-info {
float:right;
}*/

/*add background image to footer*/

/*footer#main-footer {
background: url ("http://redhillkindy.gndesigns.net.au/wp-content/uploads/2017/04/just-dots-banner.jpg") no-repeat center top !important;
background-color:transparent !important;
}*/

/*reduce padding on footer images */

#main-footer.et_pb_gutters3.et_pb_footer_columns4 .footer-widget .fwidget {

margin-bottom:0px !important;
}

/*------------------------------------------------*/
/*---------------[MAIN LAYOUT INFO]---------------*/
/*------------------------------------------------*/
/*Change colour of list points */
.rhk_news ul li {
 /* color: #3c3c3c; */
  /* set color of list item text */
  list-style: none; 
}

/*add dot points to sitemap items */
#menu-sitemap li {
list-style-type: disc;
color: #20bfbf;
}
#menu-sitemap a {
color:#20bfbf;
}

#meni-sitemap a:hover {
color: #0067b4;
}

.rhk_news ul li::before {
  color: #0067b4;  
  /* color of bullet or square */
  content: "\2600"; 
  /* Unicode of character to precede the list item */
  font-size: 1em; 
  /* em or %*/ 
  padding-right: 1.1225em; 
  /* use em*/
  position: relative;
  top: 0em; 
  /* use em or % */
}


/*------------------------------------------------*/
/*---------------[GRAVITY VIEW]------------------*/
/*------------------------------------------------*/


input.gv-search-button {
padding:10px 20px !important;
font-size:100% !important;
background-color:#21b297 !important;
color:#FFFFFF !important;
}

input#search-box-filter_57 {
padding: 15px !important;
margin-top: 15px !important;
font-size:100% !important;
}


.gv-widget-search {
    margin: 20px -10px !important;
}

/*------------------------------------------------*/
/*-----------------[GRAVITY FORMS]----------------*/
/*------------------------------------------------*/

.gfield.field_sublabel_above.field_description_above.gfield_visibility_visible, div.ginput_container.ginput_container_email
{background-color: #f9f9f9;
padding: 20px 20px;
margin-bottom: 20px;
}

/*.gfield.gf_right_half.gfield_contains_required.field_sublabel_above.field_description_above
{background-color: #f2f2f2;
padding: 20px 20px;
margin-bottom: 30px;
margin-right:20px;
}*/

/*Submit button changes*/

input#gform_submit_button_7.gform_button.button
{background-color: #cf3965 !important;
color:#ffffff !important;
padding:10px 20px !important;
border:none !important;
border-radius:3px !important;
}

.rhk-no-background {
background-color: #ffffff !important;
}

/*make colour of error messages different color and have no border*/

.gform_wrapper div.validation_error {
color: #21b297 !important;
border: 2px solid #21b297 !important;
}

.gform_wrapper .gfield_error .gfield_label {
color: #21b297 !important;
}
.gfield_description.validation_message {
color: #21b297 !important;
}

.gform_wrapper li.gfield.gfield_error {
border:none !important;
}

.gform_wrapper h2.gsection_title {
font-weight:normal !important;
font-size:1em !important;
}

/*Make all text 100% on form*/
.gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_description {
font-size:100% !important;
}

/*------------------------------------------------*/
/*--------------------[TABLEPRESS]----------------*/
/*------------------------------------------------*/

.tablepress thead th {background-color: #20bfbf !important;
color: #ffffff !important;
}


/*------------------------------------------------*/
/*--------------------[SIDEBAR]-------------------*/
/*------------------------------------------------*/
input.button gv-search-button {
padding:10px;
background-color:white;
}


/*------------------------------------------------*/
/*------------[CAPTIONS AND ALIGNMENTS]-----------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*-----------------[REMOVER SIDEBAR FOR VIEW]------------------*/
/*------------------------------------------------*/
@media (min-width: 981px){
.et_right_sidebar #main-content .container:before {
display: none;
}
}
@media (min-width: 981px){
.et_right_sidebar #left-area {
padding-right: 0;
}
}
@media (min-width: 981px){
#left-area {
width: 100%;
}
}


/*------------------------------------------------*/
/*-------------------[GALLERY]--------------------*/
/*------------------------------------------------*/
h3.et_pb_gallery_title {
text-transform:none !important;
font-size: 1em !important;
color: #21b297 !important;
}



/*------------------------------------------------*/
/*------------------[TRANSITIONS]-----------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*---------------[RESPONSIVE LAYOUTS]-------------*/
/*------------------------------------------------*/

@media only screen and ( min-width: 981px ) {

}

/*-------------------[960px]------------------*/
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) {

	/*-------------------[Sliders]------------------*/

	/*-------------------[Portfolio]------------------*/

	/*-------------------[Sidebar]------------------*/
	
	/*-------------------[Menu]------------------*/
	
}

/*-------------------[768px]------------------*/
@media only screen and ( max-width: 980px ) {

	/*-------------------[Logo]------------------*/
/*#logo {
max-height:200px !important;
padding-top:20px;
padding-bottom:20px;}*/

	
	/*-------------------[Sliders]------------------*/
	
	/*-------------------[Menu]------------------*/

}

@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {

}

@media screen and ( max-width: 782px ) {

}

/*-------------------[480px]------------------*/
@media only screen and ( max-width: 767px ) {

	/*-------------------[Menu]------------------*/

}

/*-------------------[320px]------------------*/
@media only screen and ( max-width: 479px ) {

/* Bring dropdown menu up */
ul.sub-menu {
margin-top: 20px !important;
}

}